上下中央揃えのCSSまとめ。Flexboxがたった3行で最も手軽 - ICS MEDIA

2018/03/28 465 users ICS MEDIA 手軽 Flexbox 3行 CSS

CSSでblock要素を上下中央揃え（天地左右の中央に配置）する方法はいくつかありますが、CSSのFlexboxを使う方法が現在では一番短いコード量で済みます。中央揃えしたい要素の親に対して たった3行記述するだけ です。最新ブラウザはもちろん、Internet Explorer 11（以下、IE 11）でもベンダープレフィックスなしで動作します。 ▼ CSS .container { displ... 続きを読む