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 для внутренней прокрутки без нарушения высоты страницы.