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

【问题标题】：text direction RTL and text align center is not working文本方向 RTL 和文本对齐中心不起作用
【发布时间】：2017-07-29 07:29:46
【问题描述】：

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

但是当文本居中对齐时，它会考虑缩进大小，从而使屏幕居中。

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

谁能帮我指出如何解决的正确方向？

谢谢

瑞克

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

添加这两行并删除 text-align:center
宽度：100 像素；边距：自动；

【讨论】：