横に並べるのはここまで大変だった

動くけれど、気になるところがいくつかある。

• 中身のためではない clear 用の箱が要る
• 幅を自分で計算して足し合わせないといけない
• 隣どうしで高さがそろわない
• まん中にそろえるのが苦手

並べるたびに考えることが多いんだ。

この章で覚えるのは、たった1行で並べてしまう書き方。親のほうに1行足すだけだよ。

子には何も書かない。clear の箱も要らない。

順番にこう進んでいく。

• 親に1行書いて子を横に並べる
• 余った空間を子どうしで分け合う
• 入りきらない子を折り返す
• 幅の条件と組み合わせる
• 狭い画面では縦に積む

今までのレイアウトの悩みが、ほとんどここで片づくよ。

新しいやり方のありがたみは、古いやり方を一度きちんと組んでみると分かる。

このレッスンの演習は float の復習だよ。ここから書いてみよう。