使用<span>添加方向(dir=“rtl”)

dir 对范围有影响,但范围不会如您预期的那样右对齐,只对齐其内容。
你会看到效果 span 如果你以一个圆点结束它-圆点将放在左边,而不是右边。
div是一个 display:block 元素,表示它填充整个宽度-这就是为什么文本可以在其中对齐。 Span 是 display:inline 所以它就放在文本中,类似于一封信(以一种简单的方式)。
(顺便说一句-有一个 block 元素内部 inline 元素)

这是一个有效的演示。注意最后一个分区在右边:

Test right to left, div and span: <br />
<span>(span)  Hello World!</span> <br />
<span dir='rtl'>(span rtl)  Hello World!</span>
<div>(div) Hello World!</div>
<div dir='rtl'>(div rtl) Hello World!</div>

区别在于 span 是一个内联元素,dir不应用于内联元素(与高度和位置不同)。它与DIV等一起工作的原因是那些是块元素。因此,您需要使用块元素来设置文本方向。