創屋ぷれす

Flexbox

Flexboxとは。

昨日のCSS Gridに引き続き、Webレイアウトの手法の一つです。

Flexboxは指定した領域(コンテナーという)に対して、
ブロック要素を入れ込んでいきます。
ブロック要素の巾の合計が画面の幅を超えるまでは
1列で追加されていき、画面の幅を超えると、
次の列に回りこむ、という感じのレイアウトになります。
(縦向きにブロック要素を配置していくこともできます)

 

下記サイトを見ると要素の並び方のイメージがつきやすいと思います。

日本語対応!CSS Flexboxのチートシートを作ったので配布します

Comments are closed.