css --- flex:n的解析
生活随笔
收集整理的這篇文章主要介紹了
css --- flex:n的解析
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
起步
- 效果如下:
- 在父元素中,將3個盒子平均分成了3等份
- 代碼如下:
- 假設有3個子元素
- flex:1 的意思是,將剩余的寬度平均分成3份,然后該元素占1份
進一步:
- 給第一個子元素設置flex:1
- 給第二個子元素設置flex:2
- 給第三個子元素設置flex:3
- 效果如下
- 代碼如下:
總結
以上是生活随笔為你收集整理的css --- flex:n的解析的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 搭建GitLab+Jenkins持续集成
- 下一篇: node --- 后端使用bcrypt