如何用RTL/LTR语言支持HTMLDOM元素？_Html_Css_Dom_Right To Left

如何用RTL/LTR语言支持HTMLDOM元素？

html css dom

如何用RTL/LTR语言支持HTMLDOM元素？,html,css,dom,right-to-left,Html,Css,Dom,Right To Left,我在我的系统中得到了一些页面，其中包括表（使用div构建），这些表可能包含来自一侧的英语内容，以及来自另一侧的希伯来语或任何其他RTL语言我的问题是，当这些列包含圆括号（主要是圆括号）时，它们会导致如下混合： )English (EN עברית (iw_IL) 到目前为止，我使用这个css类解决了这个问题（当内容语言已知时，并使用一个标志将这个类添加到div中）：使用该方法，括号显示正确，目前为止效果良好现在，我需要有一个跨应用的解决方案，而不使用每个div的标志，css解决方案或任何

我在我的系统中得到了一些页面，其中包括表（使用div构建），这些表可能包含来自一侧的英语内容，以及来自另一侧的希伯来语或任何其他RTL语言

我的问题是，当这些列包含圆括号（主要是圆括号）时，它们会导致如下混合：

)English (EN
עברית (iw_IL)

到目前为止，我使用这个css类解决了这个问题（当内容语言已知时，并使用一个标志将这个类添加到div中）：

使用该方法，括号显示正确，目前为止效果良好

现在，我需要有一个跨应用的解决方案，而不使用每个div的标志，css解决方案或任何其他技术是受欢迎的

我需要一个可以同时适用于两种内容（RTL和LTR语言）的解决方案。

以下是我的尝试：

理论：


.table{display:table；}
.tr{显示：表行；}
.td{display:表格单元格；}
.table、.tr、.td{边框：1px实体；边框折叠：折叠；}
.rtl{方向：rtl；}
.ltr{方向：ltr；}
ע
ע
英语（英文）
dbdjk dk ddkj ddjh dj dhjd
（iw_IL）עברית
ע

其他选择：

<p><span dir="auto">(iw_IL) עברית</span></p> <!-- or dir="ltr" -->

（iw_IL）ערית

以下是一个示例：。你有什么问题吗？我不明白。现在你可以看到英语是如何显示的，添加/删除RTL类可以看到我不理解的差异。最好由您制作JSFIDLE，它将显示一个错误。。看那个-看更新的答案！您仍然可以区分每个字段，我需要对所有显示的数据使用相同的样式

<body class="rtl">
    <style>
        .table { display: table; }
        .tr { display: table-row; }
        .td { display: table-cell; }
        .table, .tr, .td { border: 1px solid; border-collapse: collapse; }
        .rtl { direction: rtl; }
        .ltr { direction: ltr; }
    </style>

    <p>עבריתעבריתעבריתעברית</p>
    <p>עבריתעברית</p>

    <div class="table">
        <div class="tr">
            <div class="td ltr">
                <p>English (EN)</p>
                <p>dbdjk dk ddkj ddjh dj dhjd</p>
            </div>
            <div class="td">
                <p><bdi>(iw_IL) עברית</bdi></p>
                <p>עבריתעבריתעבריתעברית</p>
            </div>
        </div>
    </div>
</body>

<p><span dir="auto">(iw_IL) עברית</span></p> <!-- or dir="ltr" -->