liとかを横並びにするfloat以外の方法

これは良いリソースだと思ったのでメモ。

インラインブロックを使った方法↓
floatを使わずにinline-blockで横並びにする方法

用は、
display: inline-block;
を指定するだけなのだけれど、
IE5~7用に
/display: inline;
 /zoom: 1;
さらにキツネ2用に、ベンダープリフィクスを。
display: -moz-inline-box; 
…だ、そうです。



CSS3のnth-child()疑似クラスを使った方法↓
数個おきのブロックにclearを指定して横並びをclearする方法


当記事のカテゴリー

コメント (0 件)