first-letter擬似要素をフロートにしているとき、その擬似要素を含む行より後、ページ末までのすべての行の先頭に擬似要素の幅と同じ幅の隙間が空いてしまう。
- Category: Mozilla, Netscape, Windows
- Tag: :first-letter
例示
<style type="text/css">
<!--
p.fl:first-letter {
float: left;
color: red;
font-weight: bold;
}
-->
</style>
<p class="fl">◎1行目<br />2行目<br />3行目</p>◎1行目
2行目
3行目
最初の文字「◎」をフロートにしています。このフロートが2行目以降の文字列の配置に影響を与えることはないはずです。
スクリーンショット
印刷プレビュー画面のスクリーンショットです。
WinIE6.0標準モード
Netscape7.1標準モード
修正状況
- Netscape7.1の標準モードと互換モードで不具合の発生を確認しました。
- Netscape7.02でこの不具合は発生しないようです。
