css方向rtl元素顺序问题

前端之家收集整理的这篇文章主要介绍了css方向rtl元素顺序问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有这个 HTML: @H_404_2@<body style="direction: rtl"> <div style="display:inline-block"> <span>x:</span> <span>1</span>,<span>y:</span> <span>2</span> | <a>link1</a> | </div> <a>link2</a> </body>

方向:ltr显示

@H_404_2@x: 1,y: 2 | link1 | link2

但当我将其更改为rtl时显示

@H_404_2@link2 | x: 1,y: 2 | link1

虽然我希望:

@H_404_2@link2 | link1 | 2 :y,1 :x

有没有办法设置css属性来实现预期的结果而不修改DOM元素结构(虽然可以改变元素的类型)?

解决方法

试试这个: @H_404_2@<body style="direction: rtl"> <div style="display:inline-block"> <span dir="rtl">x:</span> <span dir="rtl">1</span>,<span dir="rtl">y:</span> <span dir="rtl">2</span> | <a>link1</a> | </div> <a>link2</a> </body>

这给了我你想要的东西.

有用的链接http://www.i18nguy.com/markup/right-to-left.htmlhttp://www.w3.org/TR/html401/struct/dirlang.html

猜你在找的CSS相关文章