CSS-Box-Alignment-Eigenschaft


  Übersetzungsergebnisse:
& 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-EigenschaftSyntax

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-EigenschaftBeispiel

<!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

Beliebte Empfehlungen

Heim

Videos

Fragen und Antworten