2

我的 css 方向有问题，现在在我修复它之后，我试图理解为什么修复工作，所以这就是问题所在：

我上了我的css html{direction:rtl;}，我想从ltr显示数字，所以我决定使用span标签并用css设置这个span标签的样式span{direction:ltr;}，但我不知道为什么它不起作用我什至尝试过span{text-align:left;}，用于!important两者，方向和text-align，最后我找到了2个解决方案：

  1. 第一个是使用属性 dir='ltr'
  2. 第二个是 span{direction: ltr;display:inline-block}

我正在使用第二种解决方案，但如果有人能解释这两种方法，我将非常感激，谢谢大家，祝你有美好的一天。

4

1 回答 1

3

在深入研究 w3c 规范后，我想我找到了问题的答案

来自w3c：

HTML 或 XHTML 用作 text/html

仅使用标记。CSS2 建议建议对 HTML 中的双向文本使用标记。事实上，它甚至可以说符合 HTML 的用户代理可能会忽略 CSS 双向属性。这是因为 HTML 规范清楚地定义了用户代理关于双向标记的预期行为。

强调添加

所以我猜当你direction: rtl;在你的css中设置时，它被浏览器完全忽略了。

规范清楚地表明您应该dir在标记中使用该属性来进行 rtl 布局。

尽管您的 CSS 适用于您检查过的浏览器，但它并不是适用于所有浏览器的解决方案。在此处阅读双向/方向的 CSS 规范

于 2013-07-26T18:48:03.350 回答