画像を上下に間隔無く並べたいときは、上の画像にvertical-align: bottom;を忘れずに。

2009年1月12日

画像を上下に間隔無く並べたいときは、上の画像にvertical-align: bottom;を忘れずに。

vertical-align: bottom;を入れないと
ieやsafariではスキマが出来てしまいます。。

●imgタグにv_bottom※無し

30
30

<img src="http://farm4.static.flickr.com/3367/3184512166_75ffeab76c_m.jpg" width="240″ height="141″ alt="30″ /><br /><img src="http://farm4.static.flickr.com/3367/3184512166_75ffeab76c_m.jpg" width="240″ height="141″ alt="30″ />

●imgタグにv_bottom

30
30

<img class="v_bottom" src="http://farm4.static.flickr.com/3367/3184512166_75ffeab76c_m.jpg" width="240″ height="141″ alt="30″ /><br /><img class="" src="http://farm4.static.flickr.com/3367/3184512166_75ffeab76c_m.jpg" width="240″ height="141″ alt="30″ />

※v_bottom
 vertical-align: bottom;を設定したclass

この記事は役に立ちましたか? 役立った 役立たなかった
0 人中 0 人がこの記事は役に立ったと言っています。

★新記事下ハイブリッドads