flex-direction：

flex-wrap：

justify-content:

align-items：

align-content：

display：flex；

可以填入兩個(gè)值： inline-flex、flex(flex用到的比較多)

給父級(jí)設(shè)置display：flex；這個(gè)父級(jí)就變成了一個(gè)具備彈性功能的盒子區(qū)域，在這個(gè)區(qū)域里面我們就可以使用它的功能，父子級(jí)相互配合使用。

flex-direction：

flex還有兩條軸，一個(gè)是主軸(X軸)還有交叉軸(Y軸)

可以填入4個(gè)值：row | row-reverse | column | column-reverse

row：默認(rèn)方向，即主軸由左往右

row-reverse：對(duì)齊方式與row相反。

column：即縱向主軸從上往下排列(頂對(duì)齊)。

column-reverse：對(duì)齊方式與column相反。

flex-wrap

可填入3個(gè)值：nowrap | wrap | wrap-reverse

nowrap是默認(rèn)值

wrap：f

總結(jié)

以上是生活随笔為你收集整理的html盒子模型子元素怎么水平占满父元素_CSS3——弹性盒模型-flex——父级属性...的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。