CSS-Box-Orient-Eigenschaft


  Übersetzungsergebnisse：
& vi. Boxen

Dritte Person Singular: Boxen Plural: Boxen Partizip Präsens: Boxen Vergangenheitsform: Boxen Partizip Perfekt: Boxen

orient

Englisch [ˈɔ:rient] Amerikanisch [ˈɔriənt, -ˌɛnt, ˈor-]

vt. Kalibrieren Sie die Richtung; verwenden Sie ... als Referenz; nach Osten; eine gerade Linie machen

n Ostasiatische Perlen; Dritte Person Singular: orientierendes Partizip Perfekt: orientiert

CSS-Box-Orient-EigenschaftSyntax

Funktion: Gibt an, ob die untergeordneten Elemente der Box horizontal oder vertikal angeordnet werden sollen.

Syntax: box-orient: horizontal|vertikal|inline-axis|block-axis|inherit;

Beschreibung: horizontal Untergeordnete Elemente von links nach rechts in einer horizontalen Reihe anordnen. vertikal Untergeordnete Elemente vertikal von oben nach unten anordnen. inline-axis Ordnet untergeordnete Elemente entlang der Inline-Achse an (der Horizontalen zugeordnet). Blockachse Ordnet untergeordnete Elemente entlang der Blockachse an (vertikal zugeordnet). inherit sollte den Wert der Box-Orient-Eigenschaft vom übergeordneten Element erben.​

Hinweis: Die Unterelemente im horizontalen Feld werden von links nach rechts angezeigt, während die Unterelemente im vertikalen Feld von oben nach unten angezeigt werden. Box-Direction und Box-Ordinal-Group können diese Reihenfolge jedoch ändern.

CSS-Box-Orient-EigenschaftBeispiel

<!DOCTYPE html>
<html>
<head>
<style> 
div
{
width:350px;
height:150px;
border:1px solid black;
  
/* Firefox */
display:-moz-box;
-moz-box-orient:horizontal;

/* Safari, Opera, and Chrome */
display:-webkit-box;
-webkit-box-orient:horizontal;

/* W3C */
display:box;
box-orient:horizontal;
}
</style>
</head>
<body>

<div>
<p>段落 1。</p>
<p>段落 2。</p>
<p>段落 3。</p>
</div>

<p><b>注释：</b>IE 不支持 box-orient 属性。</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

einreichen