本文摘自PHP中文网,作者Guanhui,侵删。
一、可以利用flex来布局一个p在另一个p里面水平垂直居中
如:html代码:
1 2 3 4 5 |
|
css代码:
1 2 3 4 5 6 7 8 9 10 11 12 |
|
ps:这样就可以水平垂直居中咯
二、flex的属性
1 2 3 4 5 |
|
可以写在items上的属性有六个:
?flex-direction
?flex-wrap
?flex-flow
?justify-content
?align-items
?align-content
可以写在item上的有6个:
?order//这个就是item单独给了,要是想让那个item调换顺序就给这个属性给那个item
?flex-grow
?flex-shrink
?flex-basis
?flex
?align-self
以上就是CSS Flex 的用途详解的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
更多相关阅读请进入《Flex》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者