& vi. Boxen

Dritte Person Singular: Boxen Plural: Boxen Partizip Pr?sens: Boxen Partizip Perfekt: Boxen

align

Englisch [??la?n] US [??la?n]

vt eine Allianz; ordentlich anordnen

vi; 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>我是居中對(duì)齊的。</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