文本方向 RTL 和文本对齐中心不起作用

Question

我在渲染一些输入中心时遇到一些困难。我正在使用带有缩进偏移量的 RTL 方向。

但是当 text-align center 时，它考虑了缩进大小，因此居中于屏幕之外。

.star-cb-group {
  font-size: 0; 
  unicode-bidi: bidi-override;
  direction: rtl;
  text-align: center;
}

谁能帮我指出正确的解决方法？

谢谢

瑞克

Answer 1

最简单的方法是从标签中删除数字并删除文本缩进。

如果您必须将数字保留在那里，您可以通过将标签设置为 visibility: hidden; 并将 ::before 元素设置为 visibility: visible;[=14 来删除文本缩进并隐藏数字=]

Answer 2

添加这两行并删除 text-align:center
width:100px; margin:auto;

text direction RTL and text align center is not working