rtl中的HTML列表内容方向

Question

我有一个简单的HTML无序列表

<ul>
    <li><a href="#">link1</a> <a href="#">link2</a> text1</li>
    <li>text1 <a href="#">link</a></li>
    <li>text1 text2</li>
</ul>

如果我有normaln ltr布局，则最终内容如下所示

链接1链接2文本1
文字1连结
文字1文字2

但是，如果列表项中的内容混合在一起，并且方向设置为rtl，我会感到一团糟

链接2文本1链接1
文字1连结
文字2文字1

这意味着只有包含文本的列表元素才可以正确反转。关于如何使其正常工作的任何想法？

编辑:
内容流似乎取决于实际内容。像这样的简单示例不起作用

<ul dir="rtl">
  <li>
    <a href="#">12:30 - 13:30</a>
    some text
    <a href="#">link text</a>
  </li>
</ul>
<ul dir="ltr">
  <li>
    <a href="#">12:30 - 13:30</a>
    some text
    <a href="#">link text</a>
  </li>
</ul>

Answer 1

开箱即用

属性dir="RTL"
仅使用标记将内容定位在右侧

 <div dir="RTL">
 <ul>
 <li><a href="#">My Web Home Site</a> <a href="#">My Other Web Site</a> My First Text</li>
 <li>My First Text <a href="#">My First Link</a></li>
 <li>My First Text, My Second text</li>
 </ul>
 </div>
 
 <hr/>
 
 <div dir="LTR">
 <ul>
 <li><a href="#">My Web Home Site</a> <a href="#">My Other Web Site</a> My First Text</li>
 <li>My First Text <a href="#">My First Link</a></li>
 <li>My First Text, My Second text</li>
 </ul>
 </div>
 

这完全取决于您如何编写您的内容more information here