Dritte Person Singular: Boxen Plural: Boxen Partizip Präsens: Boxen Partizip Perfekt: Boxen
align
Englisch [əˈlaɪn] US [əˈlaɪn] vt eine Allianz; ordentlich anordnenvi; in einer Linie anordnen Dritte Person Singular: richtet sich aus Partizip Präsens: ausgerichtet
CSS-Box-Alignment-Eigenschaft Syntax
Funktion: Gibt an, wie die untergeordneten Elemente der Box ausgerichtet werden.
Syntax: box-align: start|end|center|baseline|stretch;
Anweisungen: start Bei einer normal ausgerichteten Box wird die Oberkante jedes untergeordneten Elements entlang der Oberkante der Box platziert . Bei umgekehrt ausgerichteten Boxen wird die Unterkante jedes untergeordneten Elements entlang der Unterkante der Box platziert. Ende Bei einer normal ausgerichteten Box wird die Unterkante jedes untergeordneten Elements entlang der Unterkante der Box platziert. Bei umgekehrt ausgerichteten Boxen wird die Oberkante jedes untergeordneten Elements entlang der Oberkante der Box platziert. Die Mitte teilt den zusätzlichen Raum gleichmäßig auf, wobei die Hälfte über dem untergeordneten Element und die andere Hälfte darunter liegt. baseline Wenn box-orient Inline-axis oder horizontal ist, werden alle untergeordneten Elemente an ihrer Grundlinie ausgerichtet. stretch Untergeordnete Elemente strecken, um den enthaltenden Block zu füllen
Hinweis: Kein Browser unterstützt derzeit das Box-Alignment-Attribut.
CSS-Box-Alignment-Eigenschaft Beispiel
<!DOCTYPE html>
<html>
<head>
<style>
div
{
width:350px;
height:100px;
border:1px solid black;
/* Firefox */
display:-moz-box;
-moz-box-pack:center;
-moz-box-align:center;
/* Safari, Chrome, and Opera */
display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;
/* W3C */
display:box;
box-pack:center;
box-align:center;
}
</style>
</head>
<body>
<div>
<p>我是居中对齐的。</p>
</div>
<p><b>注释：</b>IE 不支持 box-pack 和 box-align 属性。</p>
</body>
</html>Instanz ausführen »
Klicken Sie auf die Schaltfläche „Instanz ausführen“, um die Online-Instanz anzuzeigen