行間隔が広い場合の解決策(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仮想マシンに接続できない問題の解決策

推薦する

Tomcatサーバーのセキュリティ設定方法

Tomcat は、Java Community Process を通じて Sun が開発した、広く使...

Dockerfileを使用してDockerイメージを構築する手順

Dockerfile は、命令を含むテキスト ファイルです。各命令はレイヤーを構築するため、各命令の...

W3C チュートリアル (4): W3C XHTML アクティビティ

HTML は、World Wide Web 上で公開するために使用されるハイブリッド言語です。 XH...

MySQL トランザクション分析

取引トランザクションはビジネス ロジックの基本単位です。各トランザクションは一連の SQL ステート...

Ubuntu 16.04 サーバーで MySQL を設定し、リモート接続を有効にする方法

背景最近、Node.js を勉強しているのですが、クラウド サーバーがあることを思い出しました。しか...

Webデザインチュートリアル(8):Webページの階層と空間デザイン

<br />前回の記事:Webデザイン講座(7):Webページ制作の効率化1:必要な小言...

Javascript の奇妙な点をご存知ですか?

私たちのベテランの先人たちは、数え切れないほどのコードを書き、数え切れないほどの落とし穴に陥ってきま...

「MySQL サービスを開始できません エラー 1069」を解決する方法

今日、外出中に同僚から、ウェブサイトのバックエンドにアクセスできないというメッセージが届きました。と...

Dockerコンテナを終了した後も実行を継続する方法

現象:イメージを実行します (例: ubuntu14.04)。 docker run -it --r...

Centos7 に Zabbix3.0 をインストールするための非常に詳細な手順

序文最近、同社の業務の一部がコンピュータルームに移転し、ホストリソースの監視と管理をより便利に行うた...

Linux でシェル スクリプトを使用して jar パッケージ プロジェクトを展開するための完全な手順

1. JDKをインストールする コンピュータの動作桁を確認します。 uname -ar 2017 x...

VirtualBox Centos7 の NAT+ホストオンリーネットワークの落とし穴のまとめ

目次1. 問題の背景2. 仮想マシン ネットワーク カードの接続方法は何ですか? 2.1 NAT 2...

中国語でのNginx設定パラメータの詳細な説明(負荷分散とリバースプロキシ)

PS: 最近、nginx を詳細に紹介している <<High-Performance ...

DOSBox を起動後に自動的にコマンドを実行する方法

DOSBox を使用すると、Windows で DOS をシミュレートし、楽しい作業を行うことができ...

Linux での MySQL のインストールに関するチュートリアル

目次1. 古いバージョンを削除する2. サーバーのカーネルタイプを確認し、適切なバージョンをダウンロ...