Многорядные таблицы всегда по центру по вертикали

Question

У меня в основном есть таблица с 2 строками, и она выглядит так:

---------
|   |   |
|   |   |
|   |   |
|--------

Моя проблема в том, что второй ряд автоматически центрируется по вертикали так:

|hey|   |
|hey|hey|
|hey|   |
|--------

Как сейчас, я добавляю абзацы, пока они не станут размером с другой:

|hey|hey|
|hey|   |
|hey|   |
|--------

Как я могу сделать это правильно с помощью CSS?

Answer 1

Я думаю, это то, что вы ищете:

<table>
  <tr>
    <td>Some content<br />More content<br />More content</td>
    <td style="vertical-align: top;">Some different content</td>
  </tr>
</table>

Однако, если вы хотите, чтобы все ячейки таблицы выровняли свое содержимое по верху, вам не следует определять встроенный стиль, а добавить

td 
{
  vertical-align: top;
}

в вашу таблицу стилей CSS.

Answer 2

Использовать вертикальное выравнивание: верх