微信小程序开发之初识flex布局进行垂直分布布局
微信小程序开发之初识flex布局进行垂直分布布局代码如下:
display: flex;
flex-direction: column;实例:
wxml代码:
<view class="container">
<image class="avater" src="/images/touxiang/1.jpg"></image>
<text>金黑出品,必属精品</text>
<view>
<text>开启小程序之旅</text>
</view>
</view>wxss代码:
.container{
display: flex;
flex-direction: column;
}解说:flex-direction默认为row横向显示,属性改成column竖向显示。
页:
[1]