flex布局速记 交叉轴横向
/* 靠右对齐 */
.a{
justify-content: flex-end;
}
/* 居中对齐 */
.a{
justify-content: center;
}
/* 平分空间 */
.a{
justify-content: space-evenly;
}
/* 两端对齐 */
.a{
justify-content: space-between;
}
flex布局速记 交叉轴竖向
/* 靠下对齐 */
.a{
align-items: flex-end;
}
/* 居中对齐 */
.a{
align-items: center;
}
flex布局速记 改变主轴方向
/*将主轴方向从默认的横向改为竖向排列*/
.a{
flex-direction: column;
}
/* flex占比调整 */
.a{
flex: 1;
}
/*注: 改变主轴方向后原来横向代码将变为竖向,相反竖向代码将变为横向*/
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END
喜欢就支持一下吧
1232天前0
拿来吧你!123qqq3天前0
66666666233310天前0
6666666666666233310天前0
太强啦!!!!233310天前0
好耶!!!CatFactory10天前0
66666666666Meteor17天前0
6666666666xiaomeng20天前0
感谢分享