html - 为什么方向不能正常工作？

Question

我有两行像这样:

td{direction: rtl;}

<table>
  <tr>
  <td>این یک متن تست است – <span>username</span> – <span>timestamp</span></td>
    </tr>
  <tr>
  <td>It is a test – <span>username</span> – <span>timestamp</span></td>
  </tr>
</table>

این یک متن تست است 和 It is a test 是完全相同的东西，我想要他们两个相同的位置，但我不知道他们执行后位置会改变..!我该如何解决？

我想要这个结构:

tr{direction: rtl;}

    <table>
      <tr>
      <td>این یک متن تست است – <span>username</span> – <span>timestamp</span></td>
        </tr>
      <tr>
      <td>It is a test س– <span>username</span> – <span>timestamp</span></td>
      </tr>
    </table>

注意:我不想添加任何新的 HTML 标签。我想用 CSS 解决它。

Answer 1

我想你想说的是它们没有对齐。发生这种情况是因为波斯语是一种 RTL 语言，而英语是一种 LTR 语言，这很明显，因此您试图反驳它们。

尝试使用 table 上的标签。如果您不喜欢结果，则将波斯语右对齐，英语左对齐。希望我有所帮助。祝你好运。