タグ: CSS

デザイン

概要

Flexbox(CSS Flexible Box Layout)についてまとめる

Flexboxとはボックスの横並びや縦並びが手軽に実装できるレイアウトモジュール

今までだと2カラムのレイアウトを作成する時にはfloatなどを使っていたが、clearfixでの解除が必要だったり縦方向の中央揃えが面倒な部分があったが Flexboxだと簡潔に記述ができて、柔軟なレイアウトが実装可能となっている

また噂ではfloatよりもパフォーマンスがやや良い(早い)とのこと
参考:最適なCSSの横並びはどっち!? Flexboxとfloatのパフォーマンス比較

デザイン

デザイン