アラビア語がInternet Explorerで正しくレンダリングされない

アラビア語がInternet Explorer 11では正しく表示されませんが、Google ChromeとFirefoxでは正しく表示されます。アラビア語がInternet Explorerで正しくレンダリングされない

私は、次のコードを試してみました：

<!DOCTYPE html> 
<html> 
<head> 
<style> 
div.ex1 { 
    direction: rtl; 
} 
</style> 
</head> 
<body> 

<div>Some text. Default writing direction.</div> 
<div class="ex1"> 
<br> 
{ Some text. Right-to-left direction. 
<br> 
{ Some text. Right-to-left direction. 
<br> 
{ Some text. Right-to-left direction. 
<br> 
{ Some text. Right-to-left direction. 
<br>  

</div> 

</body> 
</html>

出典

2016-04-19 user2890720

IE 11は、テキストの区切りに問題があるようです。

各行を独自のdivにラップするとうまく動作します。

<div>Some text. Default writing direction.</div> 
<div class="ex1"> 
    <div> 
    { Some text. Right-to-left direction. 
    </div> 
    <div> 
    { Some text. Right-to-left direction. 
    </div> 
    <div> 
    { Some text. Right-to-left direction. 
    </div> 
    <div> 
    { Some text. Right-to-left direction. 
    </div> 
    <div> 
    { Some text. Right-to-left direction. 
    </div> 
</div>

jsfiddle

出典

2016-04-19 07:53:03 Demnogonis

あなたが<bdi>や<bdo>タグを使用してみましたか？これは反対方向に行くアラビア語のようなテキストのために設計されています。私はこのケースで考える

http://www.w3schools.com/tags/tag_bdo.asp

http://www.w3schools.com/tags/tag_bdi.asp

あなたがBDOをしたい：

私はあなたがここにすべてのために必要があるが、正確な位置は素晴らしいそれらを正しく使用するためのリソースであるか分かりません。ここにはスニペットがあります。問題がある場合は教えてください。私はBrowserstackのJSFiddleでIE11をエミュレートしようとしましたが、うまくいきました！

.ex1 { 
 
    direction: rtl; 
 
}

<div>Some text. Default writing direction.</div> 
 
<div class="ex1"> 
 
<br> 
 
<bdo>{</bdo> Some text. Right-to-left direction. 
 
<br> 
 
<bdo>{</bdo> Some text. Right-to-left direction. 
 
<br> 
 
<bdo>{</bdo> Some text. Right-to-left direction.

出典

2016-04-19 07:58:39

アラビア語がInternet Explorerで正しくレンダリングされない

答えて

関連する問題