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を設定すると解決します。
こういうバグ対策で時間を取られるのは、かなり損をした気になりますね。。