IE6/7 は混乱するだろう: 空のテキスト ノードの高さの問題

IE6/7 は混乱するだろう: 空のテキスト ノードの高さの問題
序文:

ietester でドキュメント コードを表示するには、debugbar を使用します。すべての ul li にこの text: empty text ノードがあり、一部は span にあります。つまり、li の下に 1 つある必要があり、複数ある場合もあります。一般的には、問題はありません。今日、私は不運なことに遭遇しました。レイアウトを使用しているときに、text: empty text ノードの高さがあり、li の高さではなく、li の表示高さより 4px 高かったことがわかりました。前の段落では、この 1px は痛いですが、4px はなおさらです。この男は長い間私を困惑させていた。

翻訳について考えてみましょう:テキスト: 空のテキスト ノード。空の場合、なぜ高さがあるのでしょうか? オンラインで検索しましたが、対応する説明は見つかりませんでした。

CSS コードを投稿しましたので、一緒に勉強しましょう。li に font-size:0px を追加しました。問題は解決しましたが、専門家に理由を尋ねたいと思います。

コードをコピー
コードは次のとおりです。

.sidebar_menu{幅:225px; リストスタイル:なし; 位置:相対;}
.sidebar_menu li{ 行の高さ:34px; 幅:225px; 高さ:35px;<SPAN style="COLOR: #ff0000">フォントサイズ:0px;</SPAN> 位置:相対;}
.sidebar_menu li span{ display:block;width:225px;height:34px; overflow:hidden; border-bottom:1px solid #007ac7;}
.sidebar_menu li span a{ width:225px;text-align:left;text-indent:35px;display:block; font:14px/34px Arail,"Microsoft YaHei";color:#333; background:#c3e1f4;}

スクリーンショットをアップロードする

この画像は ietester で非常によく表示されます。レイアウトをクリックすると、テキストが表示されます: 空のテキスト ノード。

<<:  mysql ワイルドカード (sql 高度なフィルタリング)

>>:  Linux ホスト名設定の詳細な紹介

推薦する

docker-compose でデプロイしたときに MySQL にアクセスできなくなる問題の簡単な分析

Docker-ComposeとはCompose プロジェクトは、以前の fig プロジェクトから派生...

DockerでLNMPアーキテクチャを展開する方法

環境要件: IPホスト名192.168.1.1ノード1プロジェクト計画:コンテナネットワークセグメン...

MySQL で誤って削除したテーブル データを回復する方法 (必読)

バックアップがあれば、非常に簡単です。最新のバックアップ データを生成し、mysqlbinlog を...

Windows10でのMySQL 5.7.21のインストールと設定のチュートリアル

この記事では、MySQL 5.7.21 のインストールと設定方法を記録し、皆様と共有します。 1. ...

Ubuntu Server 16.04 MySQL 8.0 のインストールと設定のグラフィックチュートリアル

Ubuntu Server 16.04 MySQL 8.0 のインストールと設定のグラフィックチュー...

CSSのtranslate(-50%,-50%)は水平および垂直の中央揃え効果を実現します。

translate(-50%,-50%) 属性:中央に配置するには、長さと幅の 50% だけ上と左...

CSS ファイルをインポートする 4 つの方法 (インライン、インライン、外部、インポート) の詳細な説明

CSS インポート方法 - インラインスタイルタグ属性を通じて、CSSのキーと値のペアがタグに直接書...

mysql5.7.18 解凍バージョンで mysql サービスを起動します

mysql5.7.18の解凍版はmysqlサービスを起動します。具体的な内容は以下のとおりです。 1...

HTML DOCTYPEの略語

DOCTYPE が次のとおりである場合:コードをコピーコードは次のとおりです。 <!DOCTY...

Vueはmockjsを使用してシミュレートされたデータケースの詳細を生成します

目次プロジェクトにmockjsをインストールするVueプロジェクトでmockjsを使用する基本的なプ...

プライベートウェアハウス(レジストリとハーバー)を構築するためのDockerの実装

使用される Docker イメージが増えるにつれて、イメージを保存する場所、つまりウェアハウスが必要...

Linux サーバーのクイックアンインストールとノード環境のインストール (簡単に始められます)

1.まずnpmをアンインストールする sudo npm アンインストール npm -g 2. ノー...

mysqlは2つ以上のフィールドがNULLであるレコードを見つける問題を解決します

コアコード /*-------------------------------- 2つ以上のフィール...

Docker で onlyoffice をインストールして展開する詳細なプロセス

0. システム要件CPU I5-10400F以上メモリ 16 GB、32 GBのメモリが最適ハードド...