行間隔が広い場合の解決策（IE では 5 ピクセル多い）
|
コードをコピー コードは次のとおりです。li {幅:300px; 高さ:23px; 行の高さ:24px:} <ul> <li>行間を広くする</li> <li>行間を広くする</li> <li>行間を広くする</li> <ul> 上記の定義の後、li の行間隔は 23px になるはずですが、IE では 28px となり、5 ピクセル多くなっています。理由は不明です。解決方法は次のとおりです (赤はテストが正常であることを意味します)。 1. IE5 での li の空白行間隔の問題の解決策: li の幅が定義されている場合は、li で vertical-align: bottom; を定義する必要があります。 2. 幅は UL ではなく、LI または UL の外側の DIV で定義するのが最適です。 3. LI を記述する最良の方法は、li に高さと幅、および vertical-align: bottom; を記述するか (ie5/win のバグの場合)、ul の外側に div を追加して幅を定義することです。そうすれば、li に幅と vertical-align: bottom; を定義する必要がなくなり、正常に表示されます (IE5 では空白行スペースは生成されません)。ただし、高さは定義する必要があります。 |
>>: XshellがvirtualBox仮想マシンに接続できない問題の解決策
推薦する
Nginx で CDN サーバーを構築する方法の詳細な説明 (画像とテキスト)
Nginxのproxy_cacheを使用してキャッシュサーバーを構築する1: ngx_cache_...
React のネストされたコンポーネントの構築順序
目次Reactの公式サイトではライフサイクルの説明を見ることができます次に、ネストされたコンポーネン...
React のグローバル状態管理の 3 つの基本メカニズムの調査
目次序文小道具コンテクスト州要約する序文最新のフロントエンド フレームワークはすべて、コンポーネント...
MySQLログに関する知識のまとめ
目次SQL実行順序ビンログ何ですかいつ生産されるのか何の役に立つんだディスクはいつドロップされますか...
高度な JavaScript フロントエンド開発でよく使用されるいくつかの API の例の詳細な説明
目次ミューテーションオブザーバーAPI特徴インターセクションオブザーバーAPI例えば画像の遅延読み込...
MySQL は、元のデータと同じデータがある場合、更新ステートメントを再度実行しますか?
背景この記事では主に、MySQL が更新ステートメントを実行するときに、元のデータと同一の (つまり...
CSS フレキシブルレイアウト FLEX、メディアクエリ、モバイルクリックイベントの実装
フレックスレイアウト定義: Flexレイアウトの要素は、 Flex 、または略して「コンテナー」と呼...
docker-compose を使用して mongodb と mysql を構築する詳細なプロセス
docker-compose で mongodb と mysql を構築する詳細な方法を見てみましょ...
ネイティブ JS で音楽プレーヤーを実装するためのサンプル コード
この記事では主に、次のように共有されるネイティブ JS 音楽プレーヤーのサンプル コードを紹介します...
MLSQLコンパイル時権限制御例の詳細な説明
序文MySQL の権限を簡単に理解すると、MySQL では自分の能力の範囲内で操作が許可され、その限...
CentOS 7 は Hadoop 2.10 の高可用性 (HA) をビルドします
この記事では、CentOS 7 で高可用性 Hadoop 2.10 クラスターを構築する方法を紹介し...
最新の JavaScript で非同期タスクを書く方法
序文この記事では、非同期 JavaScript の進化と、それがコードの記述方法にどのような変化をも...
CSS3 テキストアニメーション効果
効果 html <div class="sp-container">...
仮想マシンのディスクサイズを拡張する方法
Vmvare が仮想マシンのディスク サイズを設定した後、ディスク領域が不足していることがわかりまし...
MySQLクエリステートメント内のユーザー変数のコード分析
前回の記事では、MySQL 最適化の概要 - クエリの合計数を紹介しました。この記事では、クエリ ス...