HTML выравнивает строки таблицы сверху
У меня есть таблица HTML. Он выглядит следующим образом:
<table>
<tr>
<td>Content one</td>
<td rowspan="2"> Very long content right</td>
</tr>
<tr>
<td>Content two</td>
</tr>
</table>
Как вы видите, у меня есть очень длинный контент в правой части таблицы, на самом деле он настолько длинный, что он не вписывается в высоту, заданную строками таблицы, и поэтому таблица становится выше, и делая это, содержимое один и два больше не находятся в верхней части таблицы, а распределяются по всей высоте. Как я могу остановить их от этого?
РЕДАКТИРОВАТЬ: Мне нужно, чтобы контент не был выровнен вверху, а сами строки.
Ответы
Ответ 1
Интересно, что никто еще не дал правильного ответа, поэтому я подхожу, чтобы закрыть этот вопрос удовлетворительным образом.
Что вам действительно нужно, это свойство CSS valign='baseline'
для выравнивания первых текстовых строк элементов <td>
.
td {
vertical-align: baseline;
}
Ответ 2
Стилирование обычно выполняется с помощью CSS. Вам нужно установить свойство td
элемента CSS vertical-align
в top
.
td {
vertical-align: top;
}
Ответ 3
если вы хотите, чтобы TD был выровнен вверху, вам нужно установить вертикальное выравнивание TR в CSS, а не TD
Ответ 4
<td valign='top' >
Ответ 5
Возможно, вы используете опцию div для внутренней прокрутки без нарушения высоты страницы.