我可以使用 CSS 设置 HTML 目录属性吗

Question

我正在处理一些希伯来文本，其中包含一些用逗号分隔的英语单词。 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 完成？

谢谢。

Answer 1

是的，您还需要 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>

我可以使用 CSS 设置 HTML 目录属性吗

Can I set the HTML dir attribute using CSS

html

css

hebrew