とほほのBootstrap 4入門

1. トップ
2. Bootstrap 4入門
3. 縦方向アライン(Vertical align)

上寄せ・中央寄せ・下寄せ

.align-baseline, .align-top, .align-middle, .align-bottom, .align-text-bottom, .align-text-top は、縦方向のアラインを指定します。

<table class="my-table">
  <tr>
    <td class="align-baseline">baseline</td>
    <td class="align-top">top</td>
    <td class="align-middle">middle</td>
    <td class="align-bottom">bottom</td>
    <td class="align-text-top">text-top</td>
    <td class="align-text-bottom">text-bottom</td>
  </tr>
</table>