Вертикальное выравнивание текста в ячейке таблицы Вот часть моей таблицы (это форма): Это всего два <td> в <tr>. Я пытаюсь получить Описание вверху, вверху ячейки таблицы, а не отдыхать внизу. Как я могу это сделать? Ответ 1 td.description {vertical-align: top;} где description - это имя класса td с этим текстом в нем <td class="description">Description</td> ИЛИ inline (yuk!) <td style="vertical-align: top;">Description</td> Ответ 2 Try td.description {line-height: 15px} Установите значение высоты строки в нужное значение. Ответ 3 valign="top" должен выполнить работу. Ответ 4 У меня была такая же проблема, но она была решена с помощью !important. Я забыл о наследовании в CSS. Просто совет, чтобы проверить сначала. Ответ 5 Если вы используете Bootstrap, добавьте следующие настройки стиля для вашей таблицы: .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { vertical-align: middle; } Ответ 6 Просто добавьте vertical-align: top для первого td, который необходим не для всех td. tr > td:first-child { vertical-align: top; }
Ответ 1 td.description {vertical-align: top;} где description - это имя класса td с этим текстом в нем <td class="description">Description</td> ИЛИ inline (yuk!) <td style="vertical-align: top;">Description</td>
Ответ 4 У меня была такая же проблема, но она была решена с помощью !important. Я забыл о наследовании в CSS. Просто совет, чтобы проверить сначала.
Ответ 5 Если вы используете Bootstrap, добавьте следующие настройки стиля для вашей таблицы: .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { vertical-align: middle; }
Ответ 6 Просто добавьте vertical-align: top для первого td, который необходим не для всех td. tr > td:first-child { vertical-align: top; }