表格中 RTL 和 LTR 之间方向改变时的 Padding-Right 或 Padding-Left 问题

【问题标题】：Padding-Right or Padding-Left problem when direction change between RTL and LTR in a table表格中 RTL 和 LTR 之间方向改变时的 Padding-Right 或 Padding-Left 问题
【发布时间】：2011-09-26 15:41:38
【问题描述】：

我正在用两种语言（RTL 和 LTR）开发一个项目，所以当我设计我的表格时，一些 TD 必须有右或左填充，当我将页面方向更改为其他时，左填充意味着右，反之亦然这是我的问题，因为我应该为 RTl 和 LTR 设计一次表格。

我的问题：

LTR                  RTL

|你好| ----> |咩咩|

正确的设计：

|你好| ----> |سلام |

谢谢

【问题讨论】：

标签： html padding right-to-left

【解决方案1】：

如果我正确理解了这个问题，我认为你有两个选择。

One. 为特定的方向性文本和样式创建相应的类。所以

<td class="rtl"></td>

和css

td.rtl{
    direction:rtl;
    padding-left:20px;  //OR WHATEVER
}

ltr 则相反

两个。 将填充设置为一种方式。然后使用 jQuery 来检测方向并进行相应的调整。

类似

$('td').each(function(){
    if($(this).css('direction') == 'rtl'){
        $(this).css({'padding-left':'//whatver','padding-right':'0'});
    }
});

【讨论】：