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
Lösungen für Probleme bei der Leistungsoptimierung von MySQL-Indizes
Die von MySQL erstellte Optimierung besteht im Hi...
Eclipse konfiguriert Tomcat und Tomcat hat eine ungültige Port-Lösung
Inhaltsverzeichnis 1. Eclipse konfiguriert Tomcat...
Installationsprozess des 64-Bit-Quellcodes von CentOs7 MySQL 5.6.40
1. Installieren Sie zuerst die Abhängigkeitspaket...
Eine kurze Diskussion über die Unterschiede und Verbindungen zwischen .html, .htm, .shtml und .shtm
Wie wir alle wissen, haben die Webseiten, Websites...
Persönliche Meinung: Sprechen Sie über Design
<br />Wählen Sie das praktischste Thema aus....
So implementieren Sie ein responsives Layout mit CSS
Implementieren eines responsiven Layouts mit CSS ...
Ein einfaches Tutorial zur Verwendung des MySQL-Protokollsystems
Inhaltsverzeichnis Vorwort 1. Fehlerprotokoll 2. ...
Eine kurze Einführung in den allgemeinen Prozess der Web-Frontend-Webentwicklung
Ich sehe viele Anfänger in der Front-End-Entwicklu...
Docker-Installation und Bereitstellung einer Analyse des Net Core-Implementierungsprozesses
1. Docker-Installation und -Einstellungen #Instal...
js implementiert zufälligen Namensaufruf
In diesem Artikel wird der spezifische Code von j...
Lösung für das Problem „/bin/sh: pip: Befehl nicht gefunden“ beim Erstellen der Docker-Datei
Der Inhalt des geschriebenen Dockerfiles ist: VON...
So beheben Sie den MySQL-Fehler 10061
In diesem Artikel erfahren Sie die Lösung für das...
Detaillierte Erklärung der Rolle und des Prinzips des Schlüssels in Vue
Inhaltsverzeichnis 1. Beginnen wir mit dem Fazit ...
Kurze Analyse der geplanten MySQL-Sicherungsaufgaben
Einführung Um Datenverlust in einer Produktionsum...
Slot-Anordnung und Nutzungsanalyse in Vue
Die Betriebsumgebung dieses Tutorials: Windows 7-...