微信小程序day02_03之 justify-content对齐方式控制

使用justify-content 可以对元素的对齐方式进行控制 首先把size进行修改

.size {
  width: 110rpx;
  height: 150rpx;
}

在. container 中进行样式的修改

justify-content: flex-start 效果如下 , 默认为左对齐 justify-content: flex-end 右对齐 justify-content: center 居中对齐 justify-content: space-around 在成员元素周围包裹空白 justify-content: space-between 在成员元素之间留空白