Lösung für großen Zeilenabstand (5 Pixel mehr im IE)

Lösung für großen Zeilenabstand (5 Pixel mehr im IE)

Code kopieren
Der Code lautet wie folgt:

li {Breite: 300px; Höhe: 23px; Zeilenhöhe: 24px:}
<ul>
<li>Großer Zeilenabstand</li>
<li>Großer Zeilenabstand</li>
<li>Großer Zeilenabstand</li>
<ul>

Nach der obigen Definition sollte der Zeilenabstand von li 23px betragen, aber IE hat 28px, also 5 Pixel mehr. Der Grund ist unbekannt. Die Lösung lautet wie folgt (rot bedeutet, dass der Test in Ordnung ist):
1. Die Lösung für das Problem des Leerzeilenabstands in li unter IE5: Wenn die Breite von li definiert ist, muss „vertical-align: bottom“ in li definiert werden.
2. Am besten ist es, die Breite nicht im UL, sondern im DIV außerhalb von LI bzw. UL zu definieren.
3. Die beste Art, LI zu schreiben, besteht darin, Höhe und Breite sowie vertical-align: bottom; in li zu schreiben (für IE5/Win-Bug) oder ein div außerhalb von ul hinzuzufügen und die Breite zu definieren. Dann müssen Sie die Breite und vertical-align: bottom; in li nicht definieren und es wird normal angezeigt (unter IE5 wird kein Leerzeilenabstand generiert), aber die Höhe muss noch definiert werden.

<<:  MySQL-Sharding-Details

>>:  Lösung für das Problem, dass Xshell keine Verbindung zur virtuellen VirtualBox-Maschine herstellen kann

Artikel empfehlen

Einführung in die Verschlüsselung des Grub-Boot-Programms in Linux

Inhaltsverzeichnis 1. Was ist Grub-Verschlüsselun...

Anleitung zum Zurücksetzen des MySQL/MariaDB-Root-Passworts

Vorwort Vergessene Passwörter sind ein Problem, d...

So verwenden Sie Spark und Scala zum Analysieren von Apache-Zugriffsprotokollen

Installieren Zuerst müssen Sie Java und Scala ins...

Mehrere Möglichkeiten zum Generieren eindeutiger IDs in JavaScript

Mögliche Lösungen 1. Math.random generiert Zufall...

Praktischer Bericht über die Entwicklung von Vue3- und TypeScript-Projekten

Inhaltsverzeichnis Überblick 1. Kompositions-API ...

Welche Funktion ist !-- -- im HTML-Seitenstil?

Hauptsächlich für Browser mit niedriger Version &l...

Docker stellt eine Verbindung zum Host-Mysql-Vorgang her

Heute muss das Unternehmensprojekt Docker konfigu...

JavaScript, um einen ausgefallenen Karusselleffekt zu erzielen

In diesem Artikel werden zwei Methoden zur Implem...

Neue Funktionen in MySQL 8.0 - Einführung in Check Constraints

Inhaltsverzeichnis Vorwort Einschränkungen prüfen...