Question

在Internet Explorer 11中，阿拉伯语无法正常呈现，但在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>

Answer 1

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

Answer 2

您是否尝试过使用<bdi>或<bdo>代码？它专为像阿拉伯语这样的文字设计，朝着相反的方向发展。

我不确定您需要的确切位置，但这是正确使用它们的绝佳资源：

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

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

我认为在这种情况下你想要bdo。这是一个片段。如果有问题，请告诉我。我在Browserstack的JSFiddle中尝试模拟IE11，它看起来效果很好！

＆＃13;

.ex1 {
  direction: rtl;
}

＆＃13;

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

＆＃13;

在Internet Explorer中，阿拉伯语无法正确呈现

2 个答案: