Wie Get Div Elements zum Line Up

Divs sind Block-Level-HTML-Elemente, das heißt, sie dauern in der Regel so viel Platz, wie ihnen zur Verfügung steht. Dies bedeutet, ein div überspannt das gesamte Browserfenster, wenn Sie eine geringere Breite für sie angeben. Wenn Sie divs schmaler als die Breite der Web-Seite nutzen, werden ihre Ausrichtung Eigenschaften relevant. Richten Sie mehrere divs zueinander über den "Rand" und "float"-Stil Immobilien in Ihrem CSS-Code. Erzwingen anderen Ausrichtungen sorgfältig mit absoluter Positionierung. 

ELEMENTS

Zentrum divs auf der Seite, indem ihre beiden horizontalen margin Eigenschaften auf "auto". Zum Beispiel den folgenden Code zwischen den "Kopf" Tags des HTML-Dokuments:

div {

margin-left: auto;

margin-right: auto;

}

Dies bewirkt, dass alle die divs zentriert werden; wenn ein div nur von den "body"-Tags enthalten ist, wird es über die gesamte Seite zentriert werden. Ansonsten wird es innerhalb des übergeordneten Element zentriert werden. Natürlich, wenn ein div füllt die Breite der Seite die Zentrierung wird irrelevant, benutzen Sie die "Breite" als Eigenschaft in Ihrem Design benötigt, um die Größe der divs zu beschränken.

Richten divs auf der linken oder rechten Seite der Seite mit dem "float"-Eigenschaft. Zum Beispiel, um die divs auf der rechten Seite der Seite auszurichten, verwenden Sie den folgenden CSS:

div {

float: right;

}

Verwenden Sie "links" statt "rechts" auf Line-Up der divs auf der linken Seite. Inhalte, die nicht geschwommen wird Platz für die Elemente , die sind.

Verwenden Sie absolute Positionierung beliebig Linie divs auf der Seite. Zum Beispiel:

div {

position: absolute;

rechts: 0px;

}

Alle divs auf dieser Seite wird auf der rechten Seite sein, aber der andere Inhalt nicht um sie herum fließen, wie es mit dem "float"-Eigenschaft. Wenn ein div absolut so positioniert ist, es aus dem normalen Fluss der Inhalt auf der Seite entfernt wird --- so müssen Sie die vertikale Positionierung sowie steuern. Sie können die "top" Eigentum oder andere Block-Level- Elemente wie "p" oder "br", um diese divs trennen.

Tipps und Warnungen

Erstellen Klassen wie "links", "rechts" und "Mitte", um mehrere divs auf Ihrer Seite anders auszurichten statt Zuweisung die gleichen Eigenschaften auf alle von ihnen.