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;拥有你想要的...