CSSレイアウトを学ぶ

inline-block ブラウザの幅に合わせてボックスをいい感じに均等に配置する、グリッドレイアウトを作る事ができる。これは、昔からfloatを使って実現してきた。だが、今はinline-blockを使って簡単に実現できる。inline-block要素はinline要素のようなものだ。だが、widthとheightを持つ事ができるという点で異なる。両方のやり方の例を見てみよう。

[twol]

“display: inline-block;”

[shibata922922]

みたまんま激アツ

[iww]

かっこいい

[zuboriradio]

分かりやすい。

[karauma]

inline-block