ワイズリマインダー

display:inline-blockで隙間をなくす

html

<div id="foo">
 <div class="bar"></div>
 <div class="bar"></div>
 <div class="bar"></div>
</div>

css

#foo{ font-size:0;line-height:0; }
#foo > div.bar{
  font-size:12px;
  line-height:14;
  display:inline-block;
  *display:inline;
  *zoom:1;
}

コメントを残す

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください