这更多是一种好奇心。在使用多语言Web应用程序时，我注意到在块元素末尾的某些字符（如标点符号（！？。;，））呈现为好像它们放在开头一样，而当书写方向为从右到左时（因为我不会说某些亚洲语言）。
换句话说，字符串
Hello, World!
呈现为
!Hello, World
当放在div块中时 direction: rtl
如果将文本分为两部分并使用不同的颜色，则这一点变得更加明显：结尾的连续文本块在两个单独的区域中呈现：
这种行为的意义是什么？我想这一定是浏览器自动处理的从右到左语言的所有特性，所以我不需要关心它，还是应该？
原因是感叹号“！” BiDi类为ON（“其他中性”），这意味着它有效地适应了周围文本的方向性。因此，在示例情况下，它位于文本的左侧。对于从右到左书写的语言，这是完全正确的：终止标点符号出现在末尾，即左侧。
通常，对于从右到左书写的语言的文本，仅对它们使用CSS代码direction: rtl，最好dir=rtl对文本使用HTML属性。对于他们来说，这种行为是解决方案，而不是问题。
如果改为使用direction: rtl或dir=rtl仅用于特殊效果（例如使表格列从右到左布置），则需要考虑其含义。例如，在表格情况下，您需要为ltr表格的每个单元格设置“方向”（除非您希望将它们主要显示为从右到左的文本）。
例如，如果在阿拉伯文本块中引用了英语句子，则需要将包含英语文本的元素的方向性设置为ltr，例如
<blockquote dir=ltr>Hello, World!</blockquote>
W3C文档中的用例6讨论了一个类似的用例（仅在英语内部用阿拉伯语表示），您需要了解bidi算法和内联标记（但是有一些奇怪之处，例如对cite标记的文本使用标记）， W3C建议）。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句