行間隔が広い場合の解決策（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仮想マシンに接続できない問題の解決策
推薦する
ロンボク実装 JSR-269
序文導入Lombok は、Google Guava と同様に便利なツールであり、強くお勧めします。す...
Firefox で Webdings フォントをサポートする方法
Firefox、Opera、その他のブラウザは Webdings フォントをサポートしていません。回...
Dockerプライベートライブラリの実装
プライベート Docker レジストリのインストールとデプロイは、Docker テクノロジーを導入、...
JS 9 Promise 面接の質問
目次1. 複数の .catch 2. 複数の .catch 3. .then と .catch の連...
Nexusプライベートサーバー構築原理とチュートリアル分析
1つ。 Nexus プライベート サーバーを構築する理由は何ですか?社内の開発メンバーは全員外部ネッ...
Vue Element UIの使用時に遭遇した問題をまとめる
目次1. DateTimePickerの日付選択範囲は現在時刻とそれ以前です2. DateTimeP...
WeChatミニプログラム公式顔認証の詳しい説明
ミニプログラムはユーザーの個人情報を収集してアップロードしましたが、拒否されました。こんにちは、ミニ...
jsイベント委譲の詳細な説明
1. 各関数はオブジェクトであり、メモリを占有します。メモリ内のオブジェクトが増えるほど、パフォーマ...
MySQL で distinct メソッドを使用する詳細な例
明確な意味: distinctive は、一意のレコードの数を照会するために使用されます。つまり、d...
モバイルレイアウト用の動的REMの実装
ダイナミックレム1. まず、現在の長さの単位を紹介しましょうpx em Mの幅 / 漢字の幅 1em...
JavaScript の querySelector メソッドと getElementById メソッドの違いを分析する
目次1. 概要1.1 querySelector() と querySelectorAll() の使...
Dockerコンテナのログ処理の詳細な説明
Docker には多くのログ プラグインがあります。デフォルトでは json-file を使用します...
MySQL の group by と order by を一緒に使用する方法
テーブル：reward（報酬テーブル）があるとします。テーブル構造は次のようになります。 テーブルt...
NextCloud プライベート クラウド ストレージ ネットワーク ディスクの構築に関する詳細なチュートリアル
Nextcloud は、オープンソースで無料のプライベート クラウド ストレージ ネットワーク ディ...
JavaScript カラービューア
この記事では、カラービューアを実装するためのJavaScriptの具体的なコードを参考までに紹介しま...