javascript - 如何让我的 slider 水平居中？

Question

在我的照片库中使用 slider 时，我经常遇到设计问题。

假设我正在使用一个 slider ，例如 < 1/14 >，在当前图像下方居中。

我不能使用 text-align:center 因为我正在使用 position:absolute 将它移动到图像的正下方。 (我一般使用lightbox2插件，需要根据布局移动组件)。

现在，当我到达图像 < 10/14 > 时， slider 不再完全居中(因为有额外的数字。

我该如何解决这个问题(可能使用 css)？

谢谢

Answer 1

我通常将数字包装在它们自己的 block 级元素中，这样您就可以为它们指定固定宽度，然后总宽度不会改变，并且无论显示的数字如何，整个结构都保持居中。