Question

我一直试图使用以下css从右到左格式化阿拉伯语文本方向：

.MatchingV1_1 { max-width: 100%; float: left; text-align: right; direction: rtl; }

但结果是如果该行没有在块内包裹（因为它只是几个单词），那么它就会向左对齐。如果换行，它就会向右对齐。

对＆＃34;同意＆＃34;的任何建议这个问题？
提前谢谢..

Answer 1

删除浮动属性或在css中添加float：right

<强> DEMO

<强> HTML

<div class="MatchingV1_1">Lorem ipsum</div>
<div class="MatchingV1_2">Lorem ipsum</div>

<强> CSS

.MatchingV1_1 {
    max-width: 100%;
    /*float: left;*/
    text-align: right;
    direction: rtl;
}
.MatchingV1_2 {
    max-width: 100%;
    float: right;
    text-align: right;
    direction: rtl;
}

Answer 2

将div包裹起来。的 DEMO*

<div class="MatchingV1_1">أَبْجَدِيَّة عَرَبِيَّة</div> .MatchingV1_1 { direction: rtl; }

Answer 3

这是因为您的容器div没有width：

.MatchingV1_1 { max-width: 100%;
    float: left; 
    text-align: right; 
    direction: rtl; 
    width: 100%;
}

http://jsfiddle.net/maysamsh/KwLWm/

css在块中正确对齐文本

3 个答案: