CSS - 段落格式:最后右对齐

时间:2015-07-30 14:36:58

标签: css photoshop ellipsis text-align justify

我尝试使用text-align: justifydirection: rtl以使文本的最后一行向右浮动。问题是,如果我的文本以椭圆开头和结尾,则这些文本放置不正确。



p { text-align: justify; direction: rtl;}
.tip { text-align: left; direction: ltr; color: red;}

<p>...Lorem ipsum dolor sit amet, consul vivendo scripserit qui ut, an vidit signiferumque nec, iisque adipisci ius eu. Recteque definitiones vix an, id malis deterruisset vix, sea expetendis ullamcorper at. Mei eu ubique repudiare argumentum. Est no nostro ceteros detracto, pertinax oportere philosophia cu qui. Vix ponderum urbanitas repudiandae ex, assentior efficiantur et pro. An modo pertinacia omittantur mei...</p>

<p class="tip">The problem: The text doesn't start with ...Lorem and doesn't end with mei...</p>
&#13;
&#13;
&#13;

修改

direction: rtl完全错误的方法,会导致标点符号出现问题。我被这里接受的答案误导了:Text-align justify but to the right?

我需要的是text-align-last:

 text-align-last: right;
-moz-text-align-last: right;

同时检查:

2 个答案:

答案 0 :(得分:2)

编辑:对齐段落最后一行的正确方法是使用

text-align-last

CSS属性。在这种情况下,值设置为right。该属性在Safari浏览器中没有任何效果,因此请注意这一点。

下面的

是解决问题的原始答案

此问题中描述了类似的情况:

Browsers render final comma on the begenning

基于此,对您的问题可能的解决方法是将每个省略号包装在具有修改编码的容器中,如下所示:

<span style="unicode-bidi: bidi-override;">...</span>

答案 1 :(得分:0)

实际上这个方向意味着不同的...... 你应该使用text-align:right;拥有你想要的......