CSS随着阅读方向的变化而变得怪异

时间:2016-01-21 08:27:00

标签: html css

早上好,

当将文档读取方向从ltr更改为rtl时,我对一些CSS有一个奇怪的反应。

当我尝试显示某些文字时,例如地址: 28 Main Street - XXXX -XXX -XXXX

我最终得到了这个 主街 - XXXX -XXX -XXXX 28

亲自看看 http://codepen.io/anon/pen/dGJZOg

<html dir="rtl">
  <span>28 Main Street - 00000 - CITY - COUNTRY</span>
  </br>
  <span>Main Street - 00000 - CITY - COUNTRY</span>
  </br>
  <span>plop 28 Main Street - 00000 - CITY - COUNTRY</span>
</html>

2 个答案:

答案 0 :(得分:4)

这一行就是你的文字从右到左的原因:

<html dir="rtl">

dir="rtl"字面意思是write this text right-to-left

你想达到什么(我认为),是这样的:

&#13;
&#13;
html {
    text-align : right
}
&#13;
<span>28 Main Street - 00000 - CITY - COUNTRY</span>
</br>
<span>Main Street - 00000 - CITY - COUNTRY</span>
&#13;
&#13;
&#13;

这会将您的文字定位在屏幕右侧,但您的字母仍然是从左到右阅读!

答案 1 :(得分:1)

我认为这应该如何发挥作用。看看这些链接。 Right-to-left text in HTMLCSS Direction。要撤消文本,请检查link。希望这会有所帮助。