IE6 および 7 で HTML タグ間に空白文字が存在し、rendering_html/css_WEB-ITnose 後に不要な空白が占有される原因と解決策

画像のすぐ上:


理由: この div に含まれるコンテンツはバックグラウンドで印刷および出力されます。何も出力されない場合、ブラウザはデフォルトで空の領域に空白を追加します。
IE6 および 7 では、ブラウザが解析およびレンダリングするときに、デフォルトでは空白文字もスペースを占有しているとみなされるため、「余分なスペース占有」のバグが発生します。

解決策:

1. HTML タグを接続して出力します。例:

。 ??面倒だしコードも変則だしメンテナンスも大変。

2. font-size:0; を設定します。完璧な修正はできません~

2. コメント文字 を使用します。例:

これにより、div の中央に空白がなくなります。 ??これで問題は解決しますが、十分ではありません

3. タグを使用します。例:

。 ??この方法では、ブラウザはタグの内容に空白文字を自動的に追加せず、ページに冗長な情報が表示されなくなります。これは完璧な解決策です~

追加知識:

wbr タグ: 機能します。ブラウザはコンテナの幅に応じてテキストの内容を自動的に改行します

互換性:

URL を表示: http://www.quirksmode.org/oddsandends/wbr.html