Почему поля таблицы ошибочны, когда это dir = "rtl"?

при изменении направления страницы для rtl полей таблицы будет идти неправильно, так как в этой картине Почему поля таблицы ошибочны, когда это dir = "rtl"?

, но когда я только удалить атрибут dir со страницы каждая вещь идти правильно, так как в

CSS

table,td,tr { 
      border: 2px solid black; 
      padding:0px; 
     }

HTML

<body ><table> 
    <tr><td></td><td></td></tr> 
    <tr><td></td><td></td></tr> 
    </table></body>

это происходит в Firefox, но на хроме таблица верна на обоих направлениях!

как решить эту проблему?

спасибо.

источник

2016-08-07 Accountant م

Интересно ... это также происходит с помощью CSS 'направления: rtl' свойства. – TheThirdMan

'Это происходит в firefox, но на chrome таблица правильная в обоих направлениях!' - Тогда это, скорее всего, ошибка, и ее следует сообщать в трекер Firefox. – Siguza

Я протестировал, и он только начал ошибаться в Firefox v41. Старые версии в порядке. –

Как говорится в комментариях, это ошибка.

Однако.

В действительности нет необходимости давать border свойствам tr элементов. На самом деле, вряд ли нужно давать какие-либо свойства элементам tr, за исключением особо специализированных ситуаций.
Итак, вы можете удалить ,tr из селектора CSS.
Если вы это сделаете, ничто не изменится к худшему - таблица все равно будет выглядеть одинаково в режиме LTR. Но он также будет выглядеть нормально в режиме RTL. Таким образом, это решение вашей проблемы.

table,td { 
 
    border: 2px solid black; 
 
    padding: 0px; 
 
}

<body dir="rtl"> 
 
    <table> 
 
    <tr> <td>test</td><td>test</td> </tr> 
 
    <tr> <td>test</td><td>test</td> </tr> 
 
    </table> 
 
</body>

источник

2016-08-07 17:28:08

Почему поля таблицы ошибочны, когда это dir = "rtl"?

ответ

Смежные вопросы