控制-导航和定位

Question

我正试着在flexslider 2中定位控制导航(每张幻灯片上的点)。默认值为文本对齐:居中。如果你改变到左边，它的位置在左边没有问题。如果你改变到右边，那么当它定位在右边时，它还会在每个点上显示每张幻灯片的文本编号。

我如何才能在不显示文本数字的情况下将其定位到右侧？此外，为什么它们在向右对齐时会出现？

只需将值更改为下面的值，您就可以在默认状态下看到这种情况的发生。

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

Answer 1

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

Answer 2

我以为把-9999px改成正数对我很管用，直到我意识到它只是把文本推到了屏幕之外。但你仍然可以滚动到它。我的解决方案是，将文本缩进保留在-9999px；，并添加颜色: rgba(0，0，0，0)；。

其中的最后一个0控制alpha，当它为0时，使数字完全不可见。

Answer 3

我对此有问题，删除width不起作用。这里有一个确实有效的解决方案：

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

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

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