控制导航和定位

Question

我正在尝试将控制导航定位在flexslider 2中（每张幻灯片的点）。默认为text-align：center。如果你改到左边，它的位置就没问题了。如果您向右更改，那么当它向右移动时，它还会在每个点上显示每张幻灯片的文本编号。

如何在没有显示文字编号的情况下将其放在右边？此外，为什么它们在与右边对齐时会出现？

只需将值更改为以下值，您就可以看到这种情况在默认状态下开箱即用。

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

Answer 1

我认为将-9999px更改为肯定对我有用，直到我意识到它只是将文本方式推离屏幕。但你仍然可以滚动到它。我的修复，留下文本缩进在-9999px;并添加 color：rgba（0,0,0,0）;

这里的最后一个0控制着alpha，并且在0处，这使得数字完全不可见。

Answer 2

删除宽度允许定位而不会出现数字问题

Answer 3

我遇到了这个问题，删除了width没有工作。这是一个有效的解决方案：

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

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

将控制导航向右对齐时，需要将文本缩进从负-9999px更改为正9999px。

Answer 4

使用此代码调整没有数字的位置。

/* Control Nav */
.flex-control-nav {position: absolute; bottom: 25px; right: 20px;}