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.

Vergleich zwischen Node.js und Deno

Artikel

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

Detaillierte Erläuterung der Vue + Axios-Anforderungsschnittstellenmethode und der Parameterübergabemethode

So erlauben Sie den externen Netzwerkzugriff auf MySQL und ändern das MySQL-Kontokennwort

JavaScript-Grundlagen für Schleife und Array

Löschen von zwei Bildern mit derselben ID im Docker

Zusammenfassung der Lastausgleichsmethoden von Nginx

Erläuterung der JavaScript-Funktionssyntax

Wissenspunkte zum Prinzip der MySQL-Parallelitätskontrolle

CSS-Navigationsleistenmenü mit kleinem Dreieck-Implementierungscode

Vergleich zwischen Node.js und Deno

Javascript realisiert 10-Sekunden-Countdown zur Bezahlung

Artikel empfehlen

nginx löst das Problem der langsamen Bildanzeige und des unvollständigen Downloads

Detaillierte Analyse des binlog_format-Modus und der Konfiguration in MySQL

jQuery benutzerdefinierter Lupeneffekt

Detaillierte Erläuterung des Vue-Identitätsauthentifizierungsmanagements und der Mandantenverwaltung

Die gleichzeitige Ausführung unter Linux ist einfach. Gehen Sie dazu einfach wie folgt vor

So implementieren Sie abgerundete Ecken mit CSS3 unter Verwendung von JS

Detaillierte Erklärung des MySQL-Datenbank-LIKE-Operators in Python

Starten Sie eine lokale Kubernetes-Umgebung mit Kind und Docker

setup+ref+reactive implementiert Vue3-Reaktionsfähigkeit

So stellen Sie gelöschte MySQL 8.0.17-Root-Konten und Passwörter unter Windows wieder her

Ubuntu E: Sperre /var/lib/dpkg/lock-frontend konnte nicht abgerufen werden – offen (11: Ressource vorübergehend nicht verfügbar)

So stellen Sie Rancher mit Docker bereit (keine Fallstricke)

Das WeChat-Applet implementiert einen einfachen Rechner

Detaillierte Erläuterung spezieller Phänomene, Beispiele für die Sleep-Funktion in MySQL

Upgrade von MySQL 5.1 auf 5.5.36 in CentOS