Автоматично обръщане на подравняването с HTML отдясно наляво

имаме доста сложно HTML приложение, което също поддържа RTL. Въпреки това, когато превключвате HTML към RTL с помощта на атрибута <html dir='rtl'>, не всичко се обръща. Особено елементи, които са били подравнени преди това от CSS, НЕ се обръщат.

Прост пример:

<!DOCTYPE html>
<html>
<head></head>
<body>
<table>
<tr><td>Some text long text</td><td>Even More long text</td></tr>
<tr><td style='text-align:right;'>aligned to right</td><td>aligned to left</td></tr>
</table>
</body>
</html>

При настройка

<html dir='rtl> 

в този пример бих очаквал подравняването на текста също да смени посоката. Но не става. Поради тази причина в момента зареждаме втори CSS файл с шаблон след този по подразбиране, който презаписва необходимите подравнявания. Чувствам, че това не е оптимално.

Има ли по-лесен начин за обръщане/обръщане на нещата за подравняване за RTL?


person Deckard    schedule 27.02.2014    source източник


Отговори (1)


Искате нещо подобно

html[dir="rtl"]

Пример: http://jsfiddle.net/3UsyS/

person marciojc    schedule 27.02.2014
comment
Благодаря ти. Решението не е толкова леко, колкото се надявах, но поне стъпка в правилната посока. - person Deckard; 27.02.2014