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

要するに、heightとmarginを足したものが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" ... />

トラックバック(0)

このブログ記事を参照しているブログ一覧: アイコンとかを入れると狭くなる行間をいい感じに

このブログ記事に対するトラックバックURL: http://yusukekamiyamane.com/blog/mt-tb.cgi/3

コメントする