flex布局常用属性设置

容器元素的样式

display: flex; //浮动显示
flex-direction: column; //默认纵向浮动显示
align-items: center; //副轴(此处是横向,因为是纵向显示)元素居中显示,此处是水平居中
justify-content: center; //主轴元素显示居中,用不到

图片的样式

border-radius: 50%;  // 图片的圆角

文本的样式

width: 300rpx;
height: 80rpx;
line-height: 80rpx; //行内高度
text-align: center; //文本水平居中
font-size: 28rpx; //设置字体大小
border: 1rpx solid #333; //边框宽度和颜色
border-redius: 10rpx;