StellaGrafica
[メモ:CSS]便利なdisplayのプロパティinline-block
2011年05月08日/21:27
これはかなり便利そうなプロパティを発見！高さの異なる要素の「行の高さ」をそろえることができます。今まで知らなかったー！
書籍などに紹介されていない display : inline-block について
floatを使って高さの異なるブロック要素を折り返して2段、3段と並べていくと、それぞれの高さが異なる場合、引っかかって上手く並びませんが、
このプロパティを使うとそれぞれの「行」の中の一番高い要素に合わせて行の高さが拡張されるらしいです。vertical-alignも効きます。
突き詰めていくともっと細かい指定ができるようです。IE6とか古いブラウザでも、簡単なハックを使うと適用できるみたい。使いこなせると便利だと思います！
この記事に関連するエントリー
