Flexbox容器內的子元素的顯示模式是什麼？

我想知道什麼是flexbox容器內的子元素的display模式。Flexbox容器內的子元素的顯示模式是什麼？

是inline-block？或者它與通常的顯示模式沒有任何關係？

.flexbox { 
 
     display: flex; 
 
    } 
 

 
    span { 
 
     width: 200px; 
 
    }

<div class="flexbox"> 
 
     <span>child</span> 
 
    </div>

例如，孩子span由width影響，所以它不是inline了。

根據Chrome檢查員的說法，當我看到受width影響並且沒有任何display集合的span時，我想到了這一點。然後我意識到它在一個flexbox容器內。但是，檢查員不應該告訴我顯示屏已經改變了嗎？（更改爲什麼 ?,這就是問題）。

來源

2016-09-28 Ferran Maylinch

可能重複[Flex項的\ display \'屬性的值是多少？（Flex項目的孩子的佈局是不相關的）]（http://stackoverflow.com/questions/39261797/what-are-allowed-values-of-the-display-property-for-a-flex-item-layout- fl） – kukkuz

@kukkuz謝謝！我搜索了但沒有發現這個問題。 –

在這種情況下似乎是'block'，請參閱http://i.stack.imgur.com/ClZDg.png – SeinopSys

這不像inline-block，因爲你不能與text-align對齊。由於它的父母獲得display:flex的財產，我建議我們可以將其稱爲「彈性項目」。我同意檢查專員應該說明這是一個彈性項目，但目前 - 沒有。

來源

2016-09-28 13:52:45 yuvalsab

Flexbox容器內的子元素的顯示模式是什麼？

回答

相關問題