微信小程序开发之flex布局的align-items

微信小程序开发之flex布局的align-items
语法代码：

1. align-items

复制代码

案例说明：
wxml代码：

1. <view class="container">
   
2.     <image class="avater" src="/images/touxiang/1.jpg"></image>
   
3.     <text class="motto">金黑出品，必属精品</text>
   
4.     <view class="journey-container">
   
5.         <text>开启小程序之旅</text>
   
6.     </view>
   
7. </view>

复制代码

wxss代码：

1. .container{
   
2.     display: flex;
   
3.     flex-direction: column;
   
4.     align-items: center;
   
5. }

复制代码

align-items: center;居中显示。