當在表格中RTL和LTR之間的方向改變時，填充右鍵或填充左鍵問題

Question

我正在開發兩種語言（RTL和LTR）的項目，所以當我設計我的表格時，一些TD必須有右邊或左邊填充以及當我改變頁面方向時，左邊填充意味着正確，反之亦然，這是我的問題，因爲我應該爲RTl設計一次我的表格，並且一次爲LTR設計我的表格。

我的問題：

LTR     RTL 

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

即正確設計：

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

謝謝

Answer 1

如果我理解正確的問題，我認爲你有兩個選擇。

一。相應地爲特定的方向文本和樣式創建類。所以

<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'}); 
    } 
});