flex怎么設置自動換行的布局？柔性對齊：默認情況下設置垂直對齊。這些值是“開始”、“結束”、“中心”、“拉伸”和“基線”。Flex-Pack：設置如何在子元素之間分配額外的空間。值：開始、結束、居中

flex怎么設置自動換行的布局？

柔性對齊：默認情況下設置垂直對齊。這些值是“開始”、“結束”、“中心”、“拉伸”和“基線”。Flex-Pack：設置如何在子元素之間分配額外的空間。值：開始、結束、居中、對齊。彈性方向：設置子元素的排列、行、行反轉、列、列反轉。Flex Wrap：設置子元素是否自動環(huán)繞并排列方向。值為nowrap、wrap和wrap reverse。-MS flex：設置子元素的彈性。參數(shù)為正彈性、負彈性和默認尺寸。事實上，有許多新的方式發(fā)揮布局。你可以看看相關的教程。例如，有一個叫“buid new world”的視頻系列，里面有一集是專門介紹CSS3復雜布局形式的

因為Li是塊級元素，所以默認占用一行。為了實現(xiàn)水平排列，我們通常采用以下兩種方法：浮動：左

此設置有問題。Li浮動后，它與文本流分離，即不占位置。如果其父元素有特定的樣式，并且沒有固定的寬度和高度，建議父元素清除浮動或設置固定的寬度和高度[高顯示：內(nèi)聯(lián)塊

即使將Li更改為一個內(nèi)嵌元素，并且可以設置寬度、高度和邊距，也存在一個問題。IE瀏覽器的較低版本與內(nèi)聯(lián)塊不兼容，因此建議在其后面添加兩個屬性以與較低版本IE兼容

*顯示：內(nèi)聯(lián)

* 縮放：1