上下中央寄せのやり方【Bootstrap4】

2020年6月10日Bootstrap

テーブルなんかでセルが予想以上に縦長になった時に、文字が妙に上に表示されて

「なんか表示がダサい。上下中央寄せにしたい」

って時によく指定するやり方

この記事の内容

テーブル

上下-中央寄せ

align-middle

上下-寄せ

align-top

上下-寄せ

align-bottom

コード全文

<table>
    <tr>
        <td class="align-bottom">僕を下にしてー</td>
    </tr>
</table>

Flex

上下-中央寄せ

d-flex align-items-center

上下-寄せ

d-flex align-items-start

上下-寄せ

d-flex align-items-end

コード全文

<div class="d-flex align-items-center">
    ここの文字が上下中央になる!
</div>

エンジニアの年収を上げる方法

フリーランスエンジニアで年収を大幅アップしませんか?
実際に私は会社員からフリーランスエンジニアになって年収が87万円アップしました

今なら相談(ヒアリング)するだけで3,000円分のamazonギフト券がもらえます!
初めての案件契約で最大10万円分の準備金がもらえます
非公開の高単価案件(100万円超え)が多数あります

詳しくはこちら