CSS   发布时间:2022-04-17  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了css方向rtl元素顺序问题大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有这个 HTML
<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显示:

x: 1,y: 2 | link1 | link2

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

link2 | x: 1,y: 2 | link1

然我希望:

link2 | link1 | 2 :y,1 :x

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

解决方法

试试这个:
<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方向rtl元素顺序问题全部内容,希望文章能够帮你解决css方向rtl元素顺序问题所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。