kenjisugimoto.com

IEでletter-spacingを設定すると＜br＞が正しく表示されないバグ

めったに使わないCSSのletter-spacingですが、
FlashをHtml化する作業の時に悩まされたバグです。。

ブログでは文章を改行（空行）させる時に<br><br>で改行しています。一文をただしくコーディングするなら<p>を使用しますが、<br><br>になっている事が多いです。

その時にletter-spacingを設定していると
----------------------------------
（通常時）
あのさ<br><br>実は...
　↓（レンダリングすると
あのさ

実は...

----------------------------------
（letter-spacing設定時）
あのさ<br><br>実は...
　↓（レンダリングすると
あのさ
実は...


となる訳です。

（解決策）
<br>で改行（空行）をとっている場合、brタグに対してletter-spacingを、
br{
letter-spacing:0;
}
とbrタグにだけ、letter-spacingを0を設定すると解決します。

こういうバグ対策で時間を取られるのは、かなり損をした気になりますね。。