Question

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

以下是代码：

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

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

非常感谢任何帮助。

Answer 1

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

unicode-bidi CSS属性与direction属性一起确定如何处理文档中的双向文本。例如，如果内容块包含从左到右和从右到左的文本，则用户代理使用复杂的Unicode算法来决定如何显示文本。 unicode-bidi属性会覆盖此算法，并允许开发人员控制文本嵌入。

＆＃13;

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

＆＃13;

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

阿拉伯语文字换行

1 个答案: