html盒子模型子元素怎么水平占满父元素-尊龙游戏旗舰厅官网

flex-direction：

flex-wrap：

justify-content:

align-items：

align-content：

display：flex；

可以填入两个值： inline-flex、flex(flex用到的比较多)

给父级设置display：flex；这个父级就变成了一个具备弹性功能的盒子区域，在这个区域里面我们就可以使用它的功能，父子级相互配合使用。

flex-direction：

flex还有两条轴，一个是主轴(x轴)还有交叉轴(y轴)

可以填入4个值：row | row-reverse | column | column-reverse

row：默认方向，即主轴由左往右

row-reverse：对齐方式与row相反。

column：即纵向主轴从上往下排列(顶对齐)。

column-reverse：对齐方式与column相反。

flex-wrap

可填入3个值：nowrap | wrap | wrap-reverse

nowrap是默认值

wrap：f

总结

以上是尊龙游戏旗舰厅官网为你收集整理的html盒子模型子元素怎么水平占满父元素_css3——弹性盒模型-flex——父级属性...的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得尊龙游戏旗舰厅官网网站内容还不错，欢迎将尊龙游戏旗舰厅官网推荐给好友。