html - 使用 <span> 添加方向 (dir = "rtl")

Question

我是 html 新手，经常使用希伯来语。我遇到了这个问题，这让我觉得我误解了什么。

据我所知，该元素没有任何作用，但它允许添加样式。

但是，尝试这样做:

<span dir="rtl"> some text that should be rtl'ed </span>

似乎对我不起作用(目录无效)。

另一方面，使用

效果很好。

那么.. 为什么 不工作？就我的理解而言，我使用 正是为了它的目的:添加样式。当我用它来添加颜色时效果很好……为什么不这样做呢？

感谢您的任何见解! 艾丹

附言经过一些测试，我还发现，如果我用

包围文本(在 内)，那么目录 does 就会生效。但在那种情况下，我为什么不直接使用

...整个想法是我不想要任何元素，只是为了设计一些东西。

最佳答案

dir 对跨度有影响，但跨度不会像您期望的那样右对齐，只有它的内容。
如果以点结尾，您将看到 span 的效果 - 点将放置在左侧，而不是右侧。
Div 是一个 display:block 元素，这意味着它填满了整个宽度——这就是文本可以在其中对齐的原因。 Span 是 display:inline，所以它位于文本中，类似于字母(以一种简单的方式)。
(顺便说一下 - 在 inline 元素中包含 block 元素被认为是无效的)

这是一个工作演示。注意最后一个 div 在右边:

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>

关于html - 使用 <span> 添加方向 (dir = "rtl")，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/1473556/

Answer 1

dir 对跨度有影响，但跨度不会像您期望的那样右对齐，只有它的内容。
如果以点结尾，您将看到 span 的效果 - 点将放置在左侧，而不是右侧。
Div 是一个 display:block 元素，这意味着它填满了整个宽度——这就是文本可以在其中对齐的原因。 Span 是 display:inline，所以它位于文本中，类似于字母(以一种简单的方式)。
(顺便说一下 - 在 inline 元素中包含 block 元素被认为是无效的)

这是一个工作演示。注意最后一个 div 在右边:

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>