css - 複数行のテーブルは常にコンテンツを垂直方向に中央揃えにします

Question

基本的に2行のテーブルがあり、次のようになります。

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

私の問題は、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

垂直方向の整列を使用：上