とほほのBootstrap 4入門

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

Sample

baseline

top

middle

bottom

text-top

text-bottom

Code

<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>

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