行間隔が広い場合の解決策(IE では 5 ピクセル多い)

行間隔が広い場合の解決策(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 では空白行スペースは生成されません)。ただし、高さは定義する必要があります。

<<:  MySQL シャーディングの詳細

>>:  XshellがvirtualBox仮想マシンに接続できない問題の解決策

推薦する

MySQLとElasticsearch間のデータ非対称性問題の解決策

MySQLとElasticsearch間のデータ非対称性問題の解決策jdbc-input-plugi...

フックを使用して React コンポーネントを書くときに注意すべき 5 つの点

目次01. レンダリングが不要な場合はuseStateを使用する02. リンクの代わりにrouter...

MySQL のインデックスとデータ テーブルを管理する方法

目次テーブルの競合を見つけて修正するインデックス統計の更新テーブルの競合を見つけて修正するデータ テ...

JavaScriptの基本構文とデータ型の詳細な説明

目次JavaScript のインポート1. 内部ラベル2. 外部紹介基本的な構文データ型番号弦ブール...

JavaScript でドラッグ可能なプログレスバーを実装する

この記事では、ドラッグ可能なプログレスバーを実装するためのJavaScriptの具体的なコードを参考...

Docker で Tomcat、MySQL、Redis をインストールするための詳細な手順

目次DockerでTomcatをインストールするtomcatイメージを使用してコンテナを作成する(イ...

MySQL 5.6 から 5.7 にアップグレードする際のマスター スレーブ遅延問題のトラブルシューティング

最近、Zabbix データベースを MySQL 5.6 から 5.7 にアップグレードしたときに、マ...

Linux のスケジュールされたタスクの crontab のインストールと使用の詳細な説明

crontabをインストールするyum install crontabs CentOS 7が付属して...

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

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

DockerはGitを使用してJenkinsのリリースとテストプロジェクトの詳細なプロセスを実装します

目次1. Dockerをインストールする2. カスタムネットワークアドレスを作成する3. Docke...

vue3 における vuex と pinia の落とし穴

目次導入インストールと使用方法文章の相違点と類似点の簡単な比較VuexとPiniaの長所と短所Pin...

mysql5.7.22 ダウンロードプロセス図

1. 公式ウェブサイト www.mysql.com にアクセスし、ダウンロードを選択します。 2. ...

MySQL 挿入時間の 8 時間の違いの問題の解決方法

MySQL挿入時の8時間の時差の問題を解決する通常、jdbc の URL にはいくつかのパラメータを...

Linux ソースコードからのソケット (TCP) バインドの詳細な説明

目次1. 最も単純なサーバー側の例2. バインドシステムコール2.1、inet_bind 2.2、i...

jquery+springbootでファイルアップロード機能を実現

この記事の例では、ファイルアップロード機能を実現するためのjquery+springbootの具体的...