とほほのBootstrap 4入門

トップ > Bootstrap 4入門 > 縦方向アライン(Vertical align)

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

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

Copyright (C) 2015-2019 杜甫々
初版:2015年9月6日 最終更新:2019年1月13日
http://www.tohoho-web.com/bootstrap/vertical-align.html