IE6/7 wird ein Chaos: Problem mit der Höhe leerer Textknoten
|
Vorwort: Verwenden Sie die Debugleiste, um den Dokumentcode in IETester anzuzeigen. In jedem ul li gibt es diesen Text: leerer Textknoten, einige sind in span, in … Mit einem Wort, unter dem li muss einer sein, manchmal gibt es mehr als einen. Normalerweise gibt es kein Problem. Heute ist mir etwas Unglückliches passiert. Ich habe gesehen, dass der Text: leerer Textknoten bei Verwendung des Layouts eine Höhe hatte, und diese war nicht die Höhe des li, sondern 4px höher als die angezeigte Höhe des li. Für den vorherigen Absatz ist dieses 1px schmerzhaft, geschweige denn 4px. Dieser Typ hat mich lange verwirrt. Denken Sie an die Übersetzung: Text: Leerer Textknoten. Wenn er leer ist, warum hat er dann eine Höhe? Ich habe online gesucht, aber keine entsprechende Erklärung gefunden. Ich habe den CSS-Code gepostet, lasst uns ihn gemeinsam untersuchen. Ich habe font-size:0px in li hinzugefügt; obwohl es das Problem gelöst hat, möchte ich die Experten dennoch bitten, einige Gründe zu nennen! Code kopieren Der Code lautet wie folgt:.sidebar_menu{width:225px; Listenstil:keine; Position:relative;} .sidebar_menu li{ Zeilenhöhe: 34px; Breite: 225px; Höhe: 35px;<SPAN style="COLOR: #ff0000">Schriftgröße: 0px;</SPAN> Position: relativ;} .sidebar_menu li span{ Anzeige: Block; Breite: 225px; Höhe: 34px; Überlauf: ausgeblendet; Rahmen unten: 1px durchgezogen #007ac7;} .sidebar_menu li span a { width:225px;text-align:left;text-indent:35px;display:block; font:14px/34px Arail,"Microsoft YaHei";color:#333; background:#c3e1f4;} Einen Screenshot hochladen Dieses Bild ist in IETester sehr gut zu sehen. Klicken Sie auf Layout, um den Text anzuzeigen: leerer Textknoten.  |
<<: MySQL-Platzhalter (erweiterte SQL-Filterung)
>>: Detaillierte Einführung in die Linux-Hostnamenkonfiguration
Artikel empfehlen
Multiservice-Image-Packaging-Vorgang von Dockerfile unter Aufsicht
Schreiben einer Docker-Datei Konfigurieren Sie di...
js, um einen einfachen Lupeneffekt zu erzielen
In diesem Artikel wird der spezifische Code von j...
Detailliertes Beispiel zur Verwendung der distinct-Methode in MySQL
Ein deutlicher Bedeutung: distinct wird verwendet...
Ein Artikel, der Ihnen hilft, die Grundlagen von VUE zu verstehen
Inhaltsverzeichnis Was ist VUE Kern-Plugins in Vu...
Konvertieren Sie ausgeschnittene PSD-Bilder in das Div+CSS-Format
Beispiel für das Zuschneiden einer Webseite von P...
Detaillierte Erklärung der Verwendung des chmod-Befehls in Linux
chmod-Befehlssyntax Dies ist die korrekte Syntax ...
Installationsschritte der Ubuntu 20.04-Doppelpinyin-Eingabemethode
1. Chinesische Eingabemethode einrichten 2. Stell...
Vollständige Schritte für dynamische Bindungssymbole in Vue
0 Unterschiede zwischen Symbolen und Bildern Symb...
Die Kombination und der Unterschied zwischen ENTRYPOINT und CMD im Dockerfile
Im vorherigen Artikel [Detaillierte Erläuterung v...
Detaillierte Erklärung der perfekten Lösung für das VMware-Problem mit dem schwarzen Bildschirm nach dem Upgrade auf MacOS Catalina
Perfekte Lösung für den schwarzen VMware-Bildschi...
So finden Sie die my.ini-Konfigurationsdatei in MySQL 5.6 unter Windows
Machen Sie sich eine Notiz, damit Sie später dara...
Ubuntu 20.04 – Bestes Konfigurationshandbuch (unverzichtbar für Anfänger)
1. Systemkonfiguration 1. Deaktivieren Sie das Su...
Drei Möglichkeiten, durch Klicken auf ein Button-Tag in HTML zu einer Seite zu springen
Methode 1: Verwenden des Onclick-Ereignisses <...
Document Object Model (DOM) in JavaScript
Inhaltsverzeichnis 1. Was ist DOM 2. Elemente aus...
HTML+CSS-Implementierungscode für abgerundete Rechtecke
Mir war langweilig und plötzlich fiel mir die Impl...