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

时间:2017-07-28 22:16:52

标签: css right-to-left text-align text-indent

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

但是当文本对齐中心时,它会考虑缩进尺寸,从而使屏幕居中。

https://codepen.io/anon/pen/PKPrOx

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

任何人都可以帮我指出如何解决的正确方向吗?

由于

瑞克

2 个答案:

答案 0 :(得分:1)

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

https://codepen.io/anon/pen/wqKLxb

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

https://codepen.io/anon/pen/EvVBdX

答案 1 :(得分:0)

添加这两行并删除text-align:center
             宽度:100像素;     余量:汽车;