要素の横幅を均等に分けたレイアウトをコーディング
したいとき、Flex boxは便利なプロパティです。
box-flexプロパティは子要素を並べた時の余白の領域を分配する比率を指定してくれます。
|
1 2 3 4 5 6 7 8 9 |
.box { display: -webkit-box; display: box; } .box div { -webkit-box-flex: 1; box-flex: 1; width: 100%; } |
width: 100%」とするとすべての子要素が同じ100%の横幅になろうとしますが、均等に縮めるように配置されるため、均等幅になります。
この記事を見た人は次の記事も見ています。
第二十二回「Keep It Simple, Stupidを意識する」
左揃えのまま中央寄せ
画像の下に回り込みをしない
レイアウトについて
illustratorパターン作成機能
第二十一回「一括置換で時間短縮」
Flexbox
Androidでの©の色
ベンダープレフィックスまとめ
機種依存文字について- border の幅分ボックスからはみ出たときの対処
テーブルのセル内で改行させない
HTMLテキスト入力欄の作成方法
:only-of-type
illustrator文字タッチツール 
CSSだけで吹き出しを作る
第十回「akismetを有効化して、無料でスパム対策」
wp 固定ページのページャー
WordPressのおすすめプラグイン
illustrator均等配置
コメント