Проблема Padding-Right или Padding-Left при изменении направления между RTL и LTR в таблице

Question

Я занимаюсь разработкой проекта на двух языках (RTL и LTR), поэтому при разработке моих таблиц некоторые TD должны иметь отступ справа или слева, а когда я меняю направление страницы на другое, отступ слева означает право и наоборот,это моя проблема, потому что я спроектировал свою таблицу один раз для RTl и один раз для LTR.

Моя проблема:

LTR                  RTL

|Привет |----> |سلام |

правильного дизайна:

|Привет |----> | سلام |

Спасибо

Answer 1

Если я правильно понимаю вопрос, думаю, у вас есть два варианта.

Один. создать классы для определенного направленного текста и стиля соответственно. Итак

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

и КСС

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