2017-07-28 105 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;