flex布局时的居中问题


flex布局时的居中问题

flex-direction: column,元素竖行显示,主轴的位置会变换,横轴竖轴互换,设置水平居中需要行排列时的垂直居中

align-items: center;会使元素水平居中,justify-content: center;则会使元素垂直居中

设置容器内部元素的排列方向 
row: 定义排列方向 从左到右 
row-reverse: 从右到左
column: 从上到下
column-reverse: 从下到上    
               


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM