Lassen Sie uns über die Verwendung der Box-Align- und Box-Pack-Attribute in CSS sprechen

【Empfohlenes Tutorial: CSS-Video-Tutorial】

Die Box-Align- und Box-Pack-Attribute in CSS können verwendet werden, um die Position von Elementen innerhalb der Box festzulegen.

Hinweis: Der Anzeigewert des übergeordneten Elements des Elements, das ausgerichtet werden muss, muss box sein.

Wenn der Box-Align-Wert „center“ ist, ist das untergeordnete Element vertikal zentriert ist größer als die Größe des untergeordneten Elements, wobei untergeordnete Elemente platziert werden. Diese Eigenschaft gibt die horizontale Position innerhalb des horizontalen Felds und die vertikale Position innerhalb des vertikalen Felds an.

Bei horizontalen Boxen werden die untergeordneten Elemente horizontal zentriert, wenn der Box-Pack-Wert „center“ ist ausgerichtet

HTML-Code:

<div id="parent1">
    <div id="div1">
        div1
    </div>
</div>

CSS-Code:

 div{
    border: solid black 1px;
}
#parent1{
    width: 100%;
    height: 500px;
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-align: center;
    -moz-box-align: center;
    -moz-box-pack: center;
    -webkit-box-pack: center;
}

Der Effekt ist wie folgt:

Weitere Kenntnisse zur Computerprogrammierung finden Sie unter:

Programmiervideo

! !

Das obige ist der detaillierte Inhalt vonLassen Sie uns über die Verwendung der Box-Align- und Box-Pack-Attribute in CSS sprechen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!