小程序样式

 

 

flex布局

一种非常方便的布局方式。

在容器中记住4个样式即可。

display: flex;                  flex布局
flex-direction: row;            规定主轴的方向：row/column
justify-content: space-around;  元素在主轴方向上的排列方式:flex-start/flex-end/space-around/space-between        
align-items: center;            元素在副轴方向上的排列方式:flex-start/flex-end/space-around/space-between

 

 

 

posted @ 2021-05-01 11:27  AngDH  阅读(65)  评论(0)  编辑  收藏  举报