印刷時、ボックス左端にfirst-letter擬似要素の幅と同じ幅の隙間が空く

症状

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.0WinIE6.0標準モード

Ns7.1Netscape7.1標準モード

修正状況

  • Netscape7.1の標準モードと互換モードで不具合の発生を確認しました。
  • Netscape7.02でこの不具合は発生しないようです。

スポンサーリンク

関連記事

スポンサーリンク

event.clientX

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

上に戻る