国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

Elastische Eigenschaften richtig nutzen, um elastische Container zu verschachteln
P粉369196603
P粉369196603 2023-08-24 11:43:49
0
1
556
<p>Ich habe einige Probleme bei der korrekten Verwendung von Flexbox und h?tte gerne eine Klarstellung zur Verschachtelung von übergeordneten und untergeordneten Elementen. </p> <p>Ich wei?, dass untergeordnete Elemente die Flex-Eigenschaft des übergeordneten Elements erben, aber was passiert mit weiteren untergeordneten Elementen (z. B. ?Enkelkindern“)? Was ist in diesem Fall die richtige Verwendung von Flexbox? </p> <p>Mit anderen Worten: Muss ich <code>display: flex</code> auch auf untergeordnete Elemente anwenden? überschreibt dies die Flex-Eigenschaft des übergeordneten Elements des ersten untergeordneten Elements? </p> <p><br /></p> <pre class="brush:css;toolbar:false;">.parent-container { Anzeige: Flex; Flex: 1 0 100 %; Hintergrundfarbe:gelb; } .child-container { Flex: 1 1 50 %; Hintergrundfarbe: blau; } .baby-of-child-container { Flex: 1 1 50 %; Hintergrundfarbe: grün; }</pre> <pre class="brush:html;toolbar:false;"><div class='parent-container'> <div class='child-container'> <div class='baby-of-child-container'>child</div> <div class='baby-of-child-container'>child</div> </div> <div class='child-container'> <div class='baby-of-child-container'>child</div> <div class='baby-of-child-container'>child</div> </div> </div></pre> <p><br /></p>
P粉369196603
P粉369196603

Antworte allen(1)
P粉200138510

一個flex格式化上下文的范圍僅限于父子關(guān)系。

這意味著flex容器始終是父級,而flex項目始終是子級。Flex屬性僅在此關(guān)系中起作用。

超出子級的flex容器的后代不屬于flex布局,也不會接受flex屬性。

為了將flex屬性應(yīng)用于子級,您始終需要將display: flexdisplay: inline-flex應(yīng)用于父級。

某些flex屬性僅適用于flex容器(例如justify-contentflex-wrapflex-direction),而某些flex屬性僅適用于flex項目(例如align-self、flex-growflex)。

然而,flex項目也可以是flex容器。在這種情況下,該元素可以接受所有flex屬性。由于每個屬性執(zhí)行不同的功能,不存在內(nèi)部沖突,也不需要覆蓋任何內(nèi)容。

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage