& vi. Boxen. Dritte Person Singular: Boxen. Plural: Boxen. Kontraktion (Muskel); Kraft zeigend; [Elektrizit?t] Blumendraht

Dritte Person Singular: Beugung Partizip Pr?sens: Beugung Partizip Perfekt: Beugung

CSS-Box-Flex-Eigenschaft Syntax

Funktion: Gibt an, ob die untergeordneten Elemente der Box ihre Gr??e vergr??ern oder verkleinern k?nnen.

Syntax: box-flex: value;

Beschreibung: value Die skalierbare Reihe von Elementen. Flexibilit?t ist relativ, zum Beispiel ist ein untergeordnetes Element mit einem Box-Flex von 2 doppelt so flexibel wie ein untergeordnetes Element mit einem Box-Flex von 1.

Hinweis: Skalierbare Elemente k?nnen gekürzt oder vergr??ert werden, wenn die Box kleiner oder gr??er wird. Immer wenn in der Box zus?tzlicher Platz vorhanden ist, wird das skalierbare Element erweitert, um diesen Platz auszufüllen. Derzeit unterstützt kein Browser das Box-Flex-Attribut. Firefox unterstützt eine alternative Eigenschaft -moz-box-flex. Safari, Opera und Chrome unterstützen das alternative Attribut -webkit-box-flex.

CSS-Box-Flex-Eigenschaft Beispiel

<!DOCTYPE html>
<html>
<head>
<style> 
div
{
display:-moz-box; /* Firefox */
display:-webkit-box; /* Safari and Chrome */
display:box;
width:300px;
border:1px solid black;
}

#p1
{
-moz-box-flex:1.0; /* Firefox */
-webkit-box-flex:1.0; /* Safari and Chrome */
box-flex:1.0;
border:1px solid red;
}

#p2
{
-moz-box-flex:2.0; /* Firefox */
-webkit-box-flex:2.0; /* Safari and Chrome */
box-flex:2.0;
border:1px solid blue;
}
</style>
</head>
<body>

<div>
<p id="p1">Hello</p>
<p id="p2">php中文網(wǎng)</p>
</div>

<p><b>注釋：</b>IE 不支持 box-flex 屬性。</p>

</body>
</html>

Instanz ausführen ?

Klicken Sie auf die Schaltfl?che ?Instanz ausführen“, um die Online-Instanz anzuzeigen