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.

Lösung für das HTML-Kodierungsproblem in IE6, das zu JS-Fehlern und nicht angewendetem CSS führt

Artikel

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

Gründe, warum MySQL den Abfrage-Cache abgebrochen hat

Div adaptive Höhe füllt automatisch die verbleibende Höhe

So erstellen Sie einen K8S-Cluster und installieren Docker unter Hyper-V

Detaillierte Erklärung von Abfragebeispielen innerhalb von Unterabfragen in MySql

Eine kurze Diskussion zu DDL und DML in MySQL

Installations-Tutorial zur dekomprimierten Version von MySQL 5.7.23 für WinX64

Lösung für das HTML-Kodierungsproblem in IE6, das zu JS-Fehlern und nicht angewendetem CSS führt

Detaillierte Erläuterung der MySQL-Sicherung und -Wiederherstellung

So installieren Sie Jupyter in Docker auf CentOS und öffnen Ports

Detaillierte Bereitstellung von Docker+Gitlab+Gitlab-Runner

Artikel empfehlen

So verwenden Sie JS, um zu überprüfen, ob sich ein Element im Ansichtsfenster befindet

Detaillierte Erläuterung der Implementierungsmethode für Linux inotify-Echtzeitsicherungen

Eine kurze Diskussion über 3 bemerkenswerte neue Features in TypeScript 3.7

Verwenden Sie das Ansichtsfenster im Meta-Tag, um das Bildschirm-CSS zu definieren

Front-End-KI-Schnitttipps (Erfahrung)

Wählen Sie eine Dropdown-Liste für Webseiten und ein Problem mit der Abdeckung der Div-Ebene aus.

Installieren Sie Mininet aus dem Quellcode auf Ubuntu 16.04

HTML+CSS-Div-Lösung bei Konflikten zwischen relativer und absoluter Breite

Lösen Sie das Problem, dass bei Verwendung von GDB in Docker keine Haltepunkte eingegeben werden können

Beheben Sie das Problem, dass die Alibaba Cloud SSH-Remoteverbindung nach kurzer Zeit getrennt wird

Tutorial zum Bereitstellen von LNMP und Aktivieren des HTTPS-Dienstes

Detaillierte Schritte zur Installation und Verwendung von VMware ESXi 6.5

Spezifische Verwendung globaler Variablen von node.js

So verstehen Sie die JS-Funktion Anti-Shake und Funktionsdrosselung

Detaillierte Erklärung, wie Angular mit unerwarteten Ausnahmefehlern umgeht