Wie entferne ich einen unsichtbaren Zwischenraum zwischen div Tags?
Ich habe mehrere Webseiten gebaut und jetzt habe ich Anfängerprobleme, die mich verrückt machen ...
Hier ist mein Code:
%Vor%Und hier ist mein CSS
Zuerst habe ich eine CSS Reset Vorlage von hier: Ссылка
und dann in einer anderen Datei:
%Vor%Und auf dem Link unten gibt es einen Screenshot, auf dem Sie die Ausgabe sehen können ... (ich arbeite auf einem lokalen Server)
Es gibt einen unerklärlichen Abstand zwischen den div-Tags, die ich entferne, und es macht mich verrückt ... kann mir bitte jemand sagen, wie ich es entfernen kann? Ich habe versucht, einen negativen oberen Rand hinzuzufügen, aber von meiner vorherigen Erfahrung ist es keine Lösung ... normalerweise den Rand und das Padding auf 0 zu setzen war genug ... irgendwie jetzt ist es anders: S
7 Antworten
Ich habe das Problem endlich dank euch allen gefunden, vor allem dank Notepad ++
Das Problem wurde durch die unsichtbaren Leerzeichen (vom SPACE-Schlüssel) verursacht. Ich weiß nicht warum, aber meiner Erfahrung nach sind das zum ersten Mal mehrere Leerzeichen, die vom Browser erkannt werden. Ich denke, die neueren Browser registrieren jetzt mehr als ein Leerzeichen nach dem anderen.
Ich habe gerade die HTML-Skripte mit Notepad ++ geöffnet und unter Ansicht- & gt; Zeige Simbol- & gt; Alle Zeichen anzeigen gesetzt. Dann habe ich alle unnötigen leeren Räume gelöscht und das hat mein Problem gelöst.
Verwenden Sie keine Einheiten für Ihre Zeilenhöhe, siehe: Unitless Zeilenhöhen für weitere Informationen,
Wenn Sie einfach 1.4 setzen, dann ist die Zeilenhöhe 1.4 x the font-size , dies sollte Ihnen helfen, die Kontrolle über Ihre Lücken zu bekommen, offensichtlich ist mein Codebeispiel absolut Null und ist nur ein Beispiel
JSFiddle: HIER
Fügen Sie oben in Ihrer CSS-Datei einfach
ein
* { margin: 0; padding: 0; }
Hoffe, das hilft.
Dadurch entsteht ein Leerzeichen zwischen Überschrift 1 und Hier geht das Hauptmenü ...
DIVs kommen untereinander, wenn Sie sie haben "display: block", also auch wenn dieses div keinen Text hat, hat es Leerzeichen "" ...
Wenn Sie dies löschen, werden alle anderen wie der folgende Text sein ...
Tut mir leid, wenn ich etwas falsch verstehe ...;)
auf Ihrem DIV oder Bild verwenden:
%Vor%und zum Körpergebrauch:
%Vor%Ich hatte das gleiche Problem und das funktionierte gut für mich Ich habe es gerade repariert! Hoffe das hilft jedem, der nach einer Antwort sucht.
Div enthält immer Leerzeichen. Um sie zu entfernen
Verwenden Sie
%Vor%oder was auch immer zu Ihrer Seiteneinrichtung passt.