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

Question

我尝试使用text-align: justify 和direction: 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>

编辑：

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

我需要的是text-align-last:

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

同时检查：

• Justify the last line of a div?
• Right justifying text?

Answer 1

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

text-align-last

CSS 属性。在这种情况下，值设置为 right。该属性在 Safari 浏览器中无效，因此请注意这一点。

以下是从问题中解决问题的原始答案

这个问题中描述了类似的情况：

Browsers render final comma on the begenning

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

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

Answer 2

其实方向的意思是不一样的...... 你应该使用 text-align: right;拥有你想要的……