flex怎么設(shè)置自動(dòng)換行的布局？柔性對(duì)齊：默認(rèn)情況下設(shè)置垂直對(duì)齊。這些值是“開(kāi)始”、“結(jié)束”、“中心”、“拉伸”和“基線(xiàn)”。Flex-Pack：設(shè)置如何在子元素之間分配額外的空間。值：開(kāi)始、結(jié)束、居中

flex怎么設(shè)置自動(dòng)換行的布局？

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

因?yàn)長(zhǎng)i是塊級(jí)元素，所以默認(rèn)占用一行。為了實(shí)現(xiàn)水平排列，我們通常采用以下兩種方法：浮動(dòng)：左

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

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

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

* 縮放：1