アラビア語のテキストラッピングで右から左の句読点が正しくない

Question

テキストが折り返されるまで正しく表示されるアラビア語のテキストがあります。私はここで簡単な例を作成しました：ここ

https://codepen.io/anon/pen/yodMjvコードです：

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

あなたが見ることができるように、第2の期間が、それはテキストの2行目にあるべきテキストの最初の行にあります。私のコード例をとり、すべてが1行になるように幅を広げると、句読点は正しいです。これは、テキストが折り返されたときにのみ起こります。

ご協力いただければ幸いです。

Answer 1

あなたはunicode-bidiをリセットすることも必要になる場合があります：

unicode-bidi CSSプロパティは、一緒に方向プロパティを使用して、ドキュメント内の双方向テキストの処理方法を決定します。たとえば、コンテンツのブロックに左から右のテキストと右から左のテキストの両方が含まれている場合、ユーザーエージェントは複雑なUnicodeアルゴリズムを使用してテキストの表示方法を決定します。 unicode-bidiプロパティはこのアルゴリズムをオーバーライドし、開発者はテキストの埋め込みを制御できます。

<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/