先日、brタグで改行を入れた箇所がIEで以下のように文字化けする問題に遭遇した。

Chromeなどでは特に問題なく改行されているのに、何故かIEでのみ改行が豆腐に文字化けしてしまう。

今回はCSSを使ってこの問題を解決する方法を紹介する。

brにfont-size: 0pxを指定する

CSSに以下のコードを追記するだけでこの問題は解決する。

br {
    font-size: 0px;
}

原因ははっきりと分からないが、とりあえずこれが一番手っ取り早い解決法だと思われる。