Как установить RTL в таблице? - PullRequest
Новая
       3

Как установить RTL в таблице?

0 голосов
/ 11 октября 2019

В моем CSS я использую: 

body {
    font-weight: 300;
    direction: rtl;
    margin: 0;
}

Также в HTML я использую: 

<body dir="rtl">

У меня есть таблица начальной загрузки таблицы, как это: 

<table align="center" class="table table-striped table-responsive-sm table-bordered">
  <tbody>
    <tr>
      <td style="width: 25%">کد عضویت</td>
      <td>426075</td>
    </tr>
    <tr>
      <td>نام</td>
      <td>سوسن</td>
    </tr>
  </tbody>
</table>

Но все мои работы по-прежнему выровнены по левому краю, а не по правому, независимо от того, использовал ли я rtl. Полный код исходного кода и представление страницы находятся по адресу: https://codepen.io/joehark/pen/yLLeyoG

Какую ошибку я допустил и как выровнять записи таблицы по правому краю? Мне все еще нужно class="text-justify" в каждом <td>? Если да, то какова цель этой настройки RTL вообще?

1 Ответ

1 голос
/ 11 октября 2019

direction:rtl недостаточно, поскольку оно влияет на выравнивание элементов блока:

Свойство задает базовое направление текста для элементов уровня блока и направление вложений, созданных в Unicode-биди недвижимость. Он также устанавливает выравнивание текста по умолчанию, элементов уровня блока и направление, в котором ячейки перемещаются в строке таблицы. В отличие от атрибута dir в HTML, свойство direction не наследуется из столбцов таблицы в ячейки таблицы, поскольку наследование CSS следует за деревом документа, а ячейки таблицы находятся внутри строк, но не внутри столбцов.

MDN

Использование: td {text-align: right; direction: rtl;} для настройки выравнивания текста по правому краю таблицы td.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...