admin 发表于 2022-2-16 13:54:38

微信小程序开发之初识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]
查看完整版本: 微信小程序开发之初识flex布局进行垂直分布布局