CSS-Box-Flex-Eigenschaft
Übersetzungsergebnisse：
Dritte Person Singular: Beugung Partizip Präsens: Beugung Partizip Perfekt: Beugung 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. Klicken Sie auf die Schaltfläche „Instanz ausführen“, um die Online-Instanz anzuzeigenCSS-Box-Flex-EigenschaftSyntax
CSS-Box-Flex-EigenschaftBeispiel
<!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中文网</p>
</div>
<p><b>注释：</b>IE 不支持 box-flex 属性。</p>
</body>
</html>
Instanz ausführen »Beliebte Empfehlungen