2017-08-17 70 views
2

我發現了很多文章和教程,但找不到關於這個疑問的具體提及。 使用flex是否暗示該元素也設置爲display: flex「flex:...」暗示「display:flex」?

或者當我使用其他flex屬性時,我是否總是需要指定display屬性? (只要設置flex: ..沒有任何影響,沒有display: flex?)

如果它以任何方式隱含,哪些元素將被設置爲display: flex?只是柔性容器或柔性物品?

回答

1

對子元素(彈性項目)使用flex:屬性將不起作用,除非父級(彈性容器)設置爲display: flex(或inline-flex)。

柔性物品 - 也就是柔性容器的孩子 - 不需要display: flex,除非它們是柔性容器本身,並且其中的其他項目將遵循柔性樣式。

+1

今天我需要停止誤讀。 (不知道,如果你注意到我的答案現在已經刪除,但我混淆了flex屬性是flex容器之一,當它實際上是flex項目的屬性時......) – BoltClock

+0

@BoltClock哈哈,我想知道你的答案去了哪裏!乾杯。 –

+0

是的,這是我的情況,一個彈性容器(帶有'''flex:'''應用於它),同時也是一個彈性項目。因此,正如BoltClock所說,'''flex:''** ** **是一個item屬性,對* flex-containers *沒有影響,如果這些**不是**也是* flex-items *在同一時間。 – Kamafeather