Html 无法在Internet explorer中正确渲染阿拉伯语_Html_Css

Html 无法在Internet explorer中正确渲染阿拉伯语

html css

Html 无法在Internet explorer中正确渲染阿拉伯语,html,css,Html,Css,阿拉伯语在InternetExplorer11中无法正确呈现，但在Google Chrome和Firefox中可以正确呈现我尝试了以下代码： <!DOCTYPE html> <html> <head> <style> div.ex1 { direction: rtl; } </style> </head> <body> <div>Some text. Default writing dir

阿拉伯语在InternetExplorer11中无法正确呈现，但在Google Chrome和Firefox中可以正确呈现

我尝试了以下代码：

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


第ex1分部{
方向：rtl；
}
一些文本。默认写入方向。


{一些文本。从右到左的方向。


{一些文本。从右到左的方向。


{一些文本。从右到左的方向。


{一些文本。从右到左的方向。

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>

一些文本。默认的书写方向。
{一些文本。从右到左的方向。
{一些文本。从右到左的方向。
{一些文本。从右到左的方向。
{一些文本。从右到左的方向。
{一些文本。从右到左的方向。

您是否尝试过使用

或

标记？它专为类似阿拉伯语的文本设计，但方向相反

我不确定所有东西的确切位置，但这里有一个很好的资源可以正确使用它们：

我想在这种情况下，您需要bdo。这里有一个代码片段。如果有问题，请告诉我。我尝试在Browserstack中的JSFIDLE中模拟IE11，它确实工作得很好

.ex1{
方向：rtl；
}

一些文本。默认的书写方向。


{一些文本。从右到左的方向。


{一些文本。从右到左的方向。


{一些文本。从右到左的方向。