cssflexアイテムのサイズを決める grow shrink basis
４回にわたって解説してきたflexレイアウトも今回で最後です。flexアイテムの拡大率・縮小率を指定するflex-grow 、flex-shrink、flex-basisについて解説します。気をつけないといけないのは、flexアイテムそのものの拡大率を指定しているのではなく、flexコンテナに余白ができた場合に、余剰をどう分けあうかを指定しています。
flex-layout
css
cssflexレイアウト その３
flexレイアウトの第３回です。前回までが基本の内容でしたので、ここから少しずつ発展した内容になります。 前回、前々回は以下のリンクから。 .d...
cssflexの基本レイアウト その2
flexレイアウトの解説記事その２。flexアイテムの縦方向の整列・余白について説明します。display:flex を指定すると子要素に指定したheightは無視され、均等の高さに整列されますが、align-items、align-selfを指定することで変更することができます。
cssとりあえずこれだけ。flexの超基本レイアウト
この記事から４回に分けてflexレイアウトについて解説していきたいと思います。flexは子要素をすべて一方向に並べるcssプロパティです。flexアイテム（子要素）は元のwidth、heightを失い、最小幅、同じ高さに統一されて一方向に並びます（*初期値の場合）。
csscheckboxとflexを使った可変ボックス
カラーミーテンプレートを作るにあたり、極力jsを使わずにhtmlとcssだけで作ってしまおうと決めていたのでドロワーメニューやアイコンの変形など、ch...