彈性布局和網(wǎng)格布局

1、Flex 彈性布局

1-1、Flex容器屬性（常用）

flex-direction
justify-content
align-items
align-content
flex-wrap
flex-shrink
我們用上面的容器屬性可以來(lái)實(shí)現(xiàn)一些常見(jiàn)的效果

1-1、水平排列；垂直排列

使用 flex-direction 控制排列方向

flex-direction: column; //垂直
flex-direction: row; //水平

<!-- HTML --> <div cl 《新程序員》：云原生和全面數(shù)字化實(shí)踐50位技術(shù)專家共同創(chuàng)作，文字、視頻、音頻交互閱讀

總結(jié)

以上是生活随笔為你收集整理的弹性布局和网格布局的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

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