I have this 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元素结构(尽管元素的类型可以更改)?