html - 从右到左的标点符号不正确，阿拉伯文字换行

Question

我有正确显示的阿拉伯文本，直到文本开始换行。我在这里创建了一个简单的例子:https://codepen.io/anon/pen/yodMjv

代码如下:

<div style="width:400px">
<span style="direction: rtl; font-size: 26px;"> .نعم. عملت كمهندس في شركة مايكروسوفت لمدة خمس سنوات</span>
</div>

如您所见，第二个句点在文本的第一行，而它应该在文本的第二行。如果您采用我的代码示例并增加宽度以便所有内容都在一行中，则标点符号是正确的。这仅在文本换行时发生。

非常感谢任何帮助。

Answer 1

您可能还需要重置 unicode-bidi :

The unicode-bidi CSS property, together with the direction property, determines how bidirectional text in a document is handled. For example, if a block of content contains both left-to-right and right-to-left text, the user-agent uses a complex Unicode algorithm to decide how to display the text. The unicode-bidi property overrides this algorithm and allows the developer to control the text embedding.

<div style="width:400px">
<span style="direction: rtl; font-size: 26px;unicode-bidi: embed;"> .نعم. عملت كمهندس في شركة مايكروسوفت لمدة خمس سنوات</span>
</div>

参见 https://css-tricks.com/almanac/properties/u/unicode-bidi/