当表中的RTL和LTR之间的方向改变时,填充右或填充左问题

时间:2011-09-26 15:41:38

标签: html padding right-to-left

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

我的问题:

LTR                  RTL

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

正确的设计:

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

由于

1 个答案:

答案 0 :(得分: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'});
    }
});