2017-07-28 111 views
0

我在渲染一些输入中心时遇到了一些困难。 我正在使用具有某些缩进的缩进的RTL方向。文本方向RTL和文本对齐中心不起作用

但是,当文本对齐中心考虑缩进大小,因此中心屏幕。

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

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

任何人的帮助可以点我就如何解决正确的方向?

感谢

里克

回答

1

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

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

如果你必须守在那里,你可以删除文本缩进和标签设置为visibility: hidden;和::之前元素设置为visibility: visible;

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

隐藏号码的数字
+0

谢谢。有趣的是,我有一个困难的时间使用letter-spacing:1em;当我应用这个时,没有任何反应=( – Rick

0

添加这两行并删除文本对齐:中心
宽度:100px; margin:auto;