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

Lösung für das Problem von var in einer for-Schleife

Vorwort var ist eine Möglichkeit, Variablen in ES...

Detaillierte Erklärung der CSS-Zeilenhöhe und -Höhe

Als ich kürzlich an CSS-Schnittstellen arbeitete,...

Versteckter Overhead von Unix/Linux-Forks

Inhaltsverzeichnis 1. Der Ursprung der Gabel 2. F...

So konfigurieren Sie den Redis-Sentinel-Modus in Docker (auf mehreren Servern)

Inhaltsverzeichnis Vorwort Zustand Docker install...

jQuery implementiert die Funktion zum Ziehen von Bildern mit der Maus

In diesem Beispiel wird jQuery verwendet, um eine...

Überwachung sowie Betrieb und Wartung von Linux-Diensten

Inhaltsverzeichnis 1. Installieren Sie das psutil...

MySQL 5.7.20 Green Edition Installation Detailliertes grafisches Tutorial

Lassen Sie uns zunächst verstehen, was MySQL ist....

Beispielanalyse der Intervallberechnung von MySQL-Datum und -Uhrzeit

Dieser Artikel beschreibt anhand eines Beispiels ...

Docker nginx Beispielmethode zum Bereitstellen mehrerer Projekte

Voraussetzungen 1. Docker wurde auf dem lokalen C...

Beispiel zum Anzeigen und Ändern der MySQL-Transaktionsisolationsebene

Überprüfen Sie die Transaktionsisolationsebene In...

Auswahl der Groß-/Kleinschreibung von MySQL-Tabellennamen

Inhaltsverzeichnis 1. Parameter, die die Groß-/Kl...