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 高度なフィルタリング)
推薦する
require loaderの実装原理の深い理解
序文Node は新しいプログラミング言語ではなく、JavaScript のランタイムに過ぎないとよく...
rpm を使用して指定されたバージョンの docker (1.12.6) をインストールする詳細な手順
1. 理由システムが Centos7.3 の場合、yum install docker を使用して直...
Docker での Redis 接続の急増をトラブルシューティングした実践的な記録
土曜日、本番サーバー上の Redis サーバーが利用できなくなり、エラー メッセージは次のようになり...
Docker コンテナは実行後に終了します (実行を継続する方法)
現象Dockerコンテナを起動する docker run –name [コンテナ名] [コンテナID...
React ルーティング リンク構成の詳細
1. 属性へのリンク（１）ルーティングパスを配置する（２）指定された形式でオブジェクトを配置する{パ...
MySQL の分離レベル、ロック、MVCC の紹介
この記事の目的は、これらの概念とその機能の関係を明らかにすることです。 Mysql がトランザクショ...
html+cssレイアウトの3つの方法（ナチュラルレイアウト/フローレイアウト/ポジショニングレイアウト）
1. 自然なレイアウト<br />レイアウトは変更せずに自動的に左揃えになります。 2....
2 つの Linux サーバー間の自動ファイル同期
サーバーB（172.17.166.11）の電源がオンまたは再起動されると、サーバーA（172.17....
nacos が mysql に接続できない場合の解決策
理由nacos の pom が依存する mysql バージョンが、mysql バージョンと一致してい...
MySQL ステートメントを使用した簡単な追加、削除、変更、クエリ操作の例
この記事では、例を使用して、MySQL ステートメントを使用して、単純な追加、削除、変更、およびクエ...
CSS疑似クラス名を数字で始めないでください
初心者が div+css を開発する場合、.ggg、#ccc などの形式の CSS 疑似クラス名を付...
vue-video-player を使用してライブ放送を実現する方法
目次1. vue-video-playerをインストールする2. vue-video-playerを...
Vue は検証コードのカウントダウンボタンを実装します
この記事では、検証コードカウントダウンボタンを実装するためのVueの具体的なコードを例として紹介しま...
JavaScript ツールチェーンの不完全なガイド
目次概要静的型チェックコードスタイルチェック（Linter）パッケージマネージャーモジュールローダー...
Vant Uploaderは1枚以上の写真をアップロードするコンポーネントを実装します
この記事では、1枚以上の写真をアップロードするためのVant Uploaderコンポーネントを紹介し...