2017-08-17 1 views
2

Ich habe viele Artikel und Tutorials gefunden, kann aber keine spezifischen Erwähnungen über diesen Zweifel finden. Bedeutet die Verwendung von flex, dass das Element auch auf display: flex gesetzt ist?Bedeutet "flex: ..." "display: flex"?

Oder muss ich immer die display Eigenschaft angeben, wenn andere flex Eigenschaften verwenden? (Wird nur Einstellung flex: .. keine Wirkung ohne display: flex?)

Und wenn es in irgendeiner Weise implizit ist, welche Elemente display: flex würde eingestellt werden? Nur der Flex-Container oder auch die Flex-Items?

Antwort

1

Die Verwendung von flex: Eigenschaften für untergeordnete Elemente (Flex-Elemente) wird nur wirksam, wenn das übergeordnete Element (Flex-Container) auf display: flex (oder inline-flex) festgelegt ist.

Flex-Elemente - das heißt, die Kinder eines Flex-Containers - brauchen display: flex nicht, es sei denn, sie sind Flex-Container mit zusätzlichen Elementen in ihnen, die Flex-Stile folgen werden.

+1

Ich muss heute aufhören, Dinge falsch zu lesen. (Keine Ahnung, wenn Sie meine Antwort bemerkt haben, die jetzt gelöscht ist, aber ich verwechselte die Flex-Eigenschaft als eine der Flex-Container, wenn es eigentlich eine Eigenschaft von Flex-Elementen ist ...) – BoltClock

+0

@BoltClock Haha, ich habe mich gefragt, wohin Ihre Antwort ging! Prost. –

+0

Ja, das ist mein Fall, ein Flex-Container (mit '' 'flex:' '' angewendet), der gleichzeitig ein Flex-Element ist. Also, wie BoltClock sagt, '' 'flex:' '' ist ** ausschließlich ** eine Item-Eigenschaft und hat keine Auswirkungen auf * Flex-Container *, wenn diese ** nicht * auch * Flex-Items * sind die selbe Zeit. – Kamafeather