我可以使用CSS

问题描述

我正在处理一些希伯来语文本，其中包括一些用逗号分隔的英语单词。 HTML显示不正确，我正在尝试查看是否可以使用CSS修复它，或者是否需要使用直接HTML属性调整文本。

有关文本如何自然显示的示例：

.rtl {
  direction: rtl;
}

<html>

<body dir="rtl">
  <h4>Incorrect (no special styling)</h4>
  <p><em> ל-Space,Time ו-Energy</em></p>
  <h4>Correct</h4>
  <p><em> ל-Space<span dir="rtl">,Time</span> ו-Energy</em></p>
  <h4>CSS doesn't work</h4>
  <p><em> ל-Space<span class="rtl">,Time</span> ו-Energy</em></p>
</body>

</html>

有人知道这是否可以通过简单的CSS完成吗？

谢谢。

解决方法

是的，您还需要unicode-bidi: isolate;。

.rtl {
  direction: rtl;
  unicode-bidi: isolate;
}

<html>

<body dir="rtl">
  <h4>Incorrect (no special styling)</h4>
  <p><em> ל-Space,Time ו-Energy</em></p>
  <h4>Correct</h4>
  <p><em> ל-Space<span dir="rtl">,Time</span> ו-Energy</em></p>
  <h4>CSS does work now</h4>
  <p><em> ל-Space<span class="rtl">,Time</span> ו-Energy</em></p>
</body>

</html>

hebrew html

我可以使用CSS

问题描述

解决方法

相关问答