html - 如何在html中像表格一样改变div的方向

Question

我需要将我的 div 标签的方向更改为像表格一样从右到左。 当我们改变表格的方向时，它会改变列的顺序。 我需要在 div 标签上执行此操作。当我切换到其他语言(如 波斯语、阿拉伯语...)时，此操作是必要的，然后布局需要将它们的位置从从右更改为左。

这是我的代码:

<div style="direction: rtl; display: block; ">
    <div style="display: inline">
        My</div>
    <div style="display: inline">
        name</div>
    <div style="display: inline">
        is</div>
    <div style="display: inline">
        mojtaba</div>
</div>

请注意，在我使用 display:table 和 display:table-cell 之前，它完全符合我的要求，但此代码的问题仅限于某些新版本浏览器为 http://www.quirksmode.org/css/display.html表示。因此，我需要以某种方式想出一种方法来修复上述代码。

Answer 1

Old-school-no-CSS 在 HTML4 中仍然有效。我认为也在 HTML5 中......使用它:

<table dir="rtl">
 ...
</table>