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
Methoden und Probleme bei der Installation von MariaDB in CentOS unter MySQL
Löschen Sie die zuvor installierte MariaDB 1. Ver...
Einführung und detaillierte Verwendung von React Fragment
Inhaltsverzeichnis Vorwort Motivation für Fragmen...
JavaScript zum Erzielen eines Kalendereffekts
In diesem Artikel wird der spezifische Code für J...
MySQL-String-Splitting-Beispiel (String-Extraktion ohne Trennzeichen)
String-Extraktion ohne Trennzeichen Fragenanforde...
Beispielcode zur Verwendung der Elementkalenderkomponente in Vue
Schauen Sie sich zunächst das Wirkungsdiagramm an...
Aufzeichnungen zur Verwendung von SSH-Befehlen unter Windows 8
1. Öffnen Sie die virtuelle Maschine und das Git-...
ICO-Spiegelcode zu HTML hinzufügen (favicon.ico wird im Stammverzeichnis abgelegt)
Code: Code kopieren Der Code lautet wie folgt: <...
Detaillierte Erläuterung grundlegender Betriebsbefehle wie Starten und Stoppen von Nginx unter Windows
Um Nginx unter Windows zu verwenden, müssen wir e...
Beispielcode zum Konvertieren von HTML-Tabellendaten in das JSON-Format
Die Javascript-Funktion zum Konvertieren von <t...
Lösung für das Problem, dass der Hostname des Hosts im Docker-Container nicht abgerufen werden kann
Der Test wird in der Node.JS-Umgebung bestanden. ...
Lösung für das Problem des Springens der Textposition, wenn das Suchtextfeld den Fokus verlässt
Beim Setzen des Textes im Suchtextfeld springt di...
Beispielcode zur Implementierung eines Hintergrundunschärfeeffekts mit CSS
Ist es der unten gezeigte Effekt? Wenn ja, lesen ...
Detaillierte Erklärung des Rewrite-Moduls von Nginx
Das Umschreibmodul ist das Modul ngx_http_rewrite...
Verwendung von benutzerdefinierten Nginx-Variablen und integrierten vordefinierten Variablen
Überblick Nginx kann Variablen verwenden, um die ...
Detaillierte Erklärung der Zeichensätze und Validierungsregeln in MySQL
1Mehrere gängige Zeichensätze Zu den gängigsten Z...