我有以下 html:
<div dir="rtl">
<span>"arabic 1"</span>
<span>"عربي 2"</span>
<span>"arabic 3"</span>
<span>"arabic 4"</span>
</div>
我想做的就是使这些span
按照从右到左的相同顺序出现,因为它们主要包含阿拉伯文本,但也可能包含任何其他语言..
与 html 属性相比,我更喜欢 CSS 解决方案(以获得更大的灵活性)
最佳答案
span
元素默认值为 normal
对于 unicode-bidi
属性(property)。这实际上意味着连续的 span
在双向格式化中,元素被视为一个单元。在示例中,最后两个 span
元素仅包含拉丁字母、空格、数字和 Ascii 引号,因此它们将被视为一个字符串 "arabic 3" "arabic 4"
,因此将从左到右呈现。
如果您设置 unicode-bidi: embed
关于span
元素,它们将被视为根据 direction
设置的布局方向放置的单元。其父级的属性(由 HTML dir
属性隐式设置)。
<style>
span { unicode-bidi: embed; }
</style>
<div dir="rtl">
<span>"arabic 1"</span>
<span>"عربي 2"</span>
<span>"arabic 3"</span>
<span>"arabic 4"</span>
</div>
关于html - "Right to left"不同方向跨度的顺序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28257257/