HTML выравнивает строки таблицы сверху

Question

У меня есть таблица HTML.Это выглядит следующим образом:

<table>
    <tr>
        <td>Content one</td>
        <td rowspan="2"> Very long content right</td>
    </tr>
    <tr>
        <td>Content two</td>
    </tr>
</table>

Как видите, у меня очень длинное содержимое с правой стороны таблицы, на самом деле оно настолько длинное, что не вписывается в то, какую высоту задаетСтроки таблицы, и поэтому таблица становится выше, и, делая это, содержимое 1 и 2 больше не находится в верхней части таблицы, а распределяется по всей высоте.Как я могу помешать им сделать это?

РЕДАКТИРОВАТЬ: Мне нужно не содержимое для выравнивания вверху, а сами строки.

Answer 1

Стилизация обычно выполняется с помощью CSS . Вам необходимо установить свойство CSS vertical-align элемента td на top.

td {
    vertical-align: top;
}

Answer 2

Интересно, что пока никто не дал правильного ответа, поэтому я прыгаю, чтобы удовлетворительно закрыть этот вопрос.

Что вам действительно нужно, так это CSS-свойство valign='baseline' для выравнивания первых текстовых строк элементов <td>.

td {
  vertical-align: baseline;
}

Answer 3

Если вы хотите, чтобы TD был выровнен сверху, вам нужно установить вертикальное выравнивание TR в CSS, а не TD

Answer 4

Может быть, вы используете опцию div для внутренней прокрутки, не затрагивая высоту страницы.

Answer 5

<td valign='top' >