Die Lücke zwischen DIVs entfernen

Bei der Verwendung von DIVs positionieren und organisieren der Informationen und Objekte auf Ihrer Website, finden Sie, dass die Kanten der einzelnen DIV um nicht genau auszurichten. Ob die DIVs bündig gegen einander oder ein paar Pixel auseinander sind, ist es möglich, die Kanten perfekt auf einander abgestimmt zu erzwingen. Verwenden das Attribut Position des DIV entfernen Sie die Lücke zwischen den Divisionen und den Inhalt genau an der gewünschten Stelle platzieren.

Anweisungen

1 Hier klicken, um den Cursor in das Style-Attribut von Ihrer ersten DIV. Erstellen einer Style-Attribut durch das Hinzufügen zu platzieren "Stil =" nach "Div" in Ihrer Öffnung DIV-Tag, wenn Sie nicht bereits haben.

2 Fügen Sie "Position: absolute;" in Anführungszeichen nach das Style-Attribut-Tag. Dadurch wird das div-Tag in einer bestimmten Position auf dem Bildschirm bleiben.

3 Einfügen "oben: #px; Links: #px; Breite: #px; Höhe: #px; ", die Anzahl der Pixel von jeder Seite positionieren Sie das div-Tag und die Breite und Höhe in Pixeln anzugeben. Ersetzen Sie die "#" durch die Anzahl der Pixel für jede Einstellung.

4 Wiederholen Sie den Vorgang, um das zweite DIV absolut positionieren. DIVs nebeneinander positionieren, fügen Sie die Anzahl der Pixel in der "Breite" und "linken" Tags des ersten DIV, dann verwenden Sie diese Zahl als die "linke" Anzeige für die zweite DIV.

Um die DIVs übereinander zu positionieren, fügen Sie die Anzahl der Pixel in die "Höhe" und "oben" Tags hinzu und verwenden Sie, diese Zahl um die "obere" Position festzulegen. Dies zwingt die Grenzen übereinander mit keine Lücke sein.

Tipps & Warnungen

• Das Attribut "padding" können Sie große Lücken zwischen DIVs zu entfernen, aber wird nicht die Kanten auf der gleichen Linie ausrichten. Wenn Sie möchten, dass Ihre DIVs eine festgelegte Anzahl von Pixel auseinander ausgerichtet, kann diese Methode einfacher sein.
• Überprüfen Sie im Abschnitt Ressourcen für weitere Informationen.