Post

アイコンとかを入れると狭くなる行間をいい感じに

要するに、heightmarginを足したものがline-heightと同じになっていればいい。

というわけで、jQueryでいい感じに (expressionでもいいけど)。

$(function() {
  if ($.browser.msie && $.browser.version < 7) {
    $('img.icon').each(function() {
      var margin = Math.max(0, (parseInt($(this).css('line-height')) - $(this).height()) / 2);
      $(this).css({ marginBottom: Math.ceil (margin) + 'px', marginTop: Math.floor (margin) + 'px' });
    });
  }
});
img.icon {
  vertical-align: middle;
}
ほげほげほげほげほげ<img class="icon" ... />

2008/05/15 11:22 | code

Categories

Archives

About

こんにちは、上山根 祐輔 (かみやまね ゆうすけ) です。東京を拠点に活動しているフリーランスのデザイナー、デベロッパー、あと何でも屋です。

というか、Fugue Icons の作者、と言ったら分かりやすいかも。