letter-spacingを指定した要素内で連続したbr要素が無視される

症状

letter-spacingプロパティを指定した要素内では、br要素を2つ以上連続して置いても1つしか認識されない。

例示

<p style="letter-spacing:1px;">AAA<br>
BBB<br><br>CCC</p>

AAA
BBB

CCC

「BBB」と「CCC」の間には1行分の空白をあけています。

スクリーンショット

Moz1.0Moz1.0での表示(標準モード)

WinIE6WinIE6.0での表示(標準モード)

補足

このバグはbr要素に letter-spacing: 0; と指定することで回避できます。

<style type="text/css">
<!--
br.a {
    letter-spacing: 0;
}
-->
</style>
<p style="letter-spacing:1px; text-indent:0;">AAA<br class="a">
BBB<br class="a"><br class="a">CCC</p>

AAA
BBB

CCC

修正状況

WinIE6.0でも連続したbrが無視される現象が発生します。

スポンサーリンク

関連記事

スポンサーリンク

インライン要素への折り返し禁止指定が当該要素の外のブロックに作用する

ホームページ製作・web系アプリ系の製作案件募集中です。

上に戻る