flex布局时的居中问题
flex-direction: column,元素竖行显示,主轴的位置会变换,横轴竖轴互换,设置水平居中需要行排列时的垂直居中
align-items: center;会使元素水平居中,justify-content: center;则会使元素垂直居中
设置容器内部元素的排列方向 row: 定义排列方向 从左到右 row-reverse: 从右到左 column: 从上到下 column-reverse: 从下到上
flex-direction: column,元素竖行显示,主轴的位置会变换,横轴竖轴互换,设置水平居中需要行排列时的垂直居中
align-items: center;会使元素水平居中,justify-content: center;则会使元素垂直居中
设置容器内部元素的排列方向 row: 定义排列方向 从左到右 row-reverse: 从右到左 column: 从上到下 column-reverse: 从下到上
本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。