1

コントロール ナビゲーションを flexslider 2 (各スライドのドット) に配置しようとしています。デフォルトは text-align:center です。左に変更すると、問題なく左に配置されます。右に変更すると、右に配置されている間、各ドットの上に各スライドのテキスト番号も表示されます。

テキスト番号を表示せずにこれを右に配置するにはどうすればよいですか? さらに、右揃えで表示されるのはなぜですか?

値を以下に変更するだけで、デフォルトの状態ですぐにこれが発生することがわかります。

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 0px;  text-align: right;}
4

4 に答える 4

1

-9999px をプラスに変更するとうまくいくと思っていましたが、テキストが画面からはみ出してしまうことに気づきました。ただし、スクロールすることはできます。私の修正は、テキストインデントを -9999px のままにしておきます。色を追加します: rgba(0, 0, 0, 0); .

この最後の 0 はアルファを制御し、それを 0 にすると、数値が完全に見えなくなります。

于 2016-06-27T16:44:42.850 に答える
0

これには問題があり、削除してもwidth機能しませんでした。これがうまくいく解決策です：

.flex-control-nav {
   text-align: right;
}

.flex-control-paging li a {
    text-indent: 9999px;
}

コントロール ナビゲーションを右に揃えるときは、テキスト インデントを負の -9999px から正の 9999px に変更する必要があります。

于 2016-01-31T13:20:16.490 に答える
0

幅を削除すると、数の問題なしに配置できます

于 2013-07-20T13:19:54.547 に答える
-1

このコードを使用して、数字なしで位置を調整します。

/* Control Nav */
.flex-control-nav {position: absolute; bottom: 25px; right: 20px;}
于 2015-01-28T02:51:03.953 に答える