当前位置：首页 > 资讯 > 技术文档

微信小程序教程之wxapp 视图容器 view

时间：2020-02-11 00:04 编辑：来源：阅读：
扫一扫，手机访问

摘要：微信小程序教程之wxapp 视图容器 view

相关文章： [list=1] [*][url=http://www.1sucai.cn/article/95159.htm]微信小程序教程之wxapp视图容器 swiper[/url][/*] [*][url=http://www.1sucai.cn/article/95157.htm]微信小程序教程之wxapp视图容器 scroll-view[/url][/*] [*][url=http://www.1sucai.cn/article/95156.htm]微信小程序教程之wxapp 视图容器 view[/url][/*] [/list] [b]View[/b] 视图容器。示例：

<view class="section">
 <view class="section__title">flex-direction: row</view>
 <view class="flex-wrp" style="flex-direction:row;">
 <view class="flex-item bc_green">1</view>
 <view class="flex-item bc_red">2</view>
 <view class="flex-item bc_blue">3</view>
 </view>
</view>
<view class="section">
 <view class="section__title">flex-direction: column</view>
 <view class="flex-wrp" style="height: 300px;flex-direction:column;">
 <view class="flex-item bc_green">1</view>
 <view class="flex-item bc_red">2</view>
 <view class="flex-item bc_blue">3</view>
 </view>
</view>

[img]http://files.jb51.net/file_images/article/201610/20161019153453318.png?201691915357[/img] 感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

全部评论(0)

上一篇：JavaScript实际应用：innerHTMl和确认提示的使用
下一篇：微信小程序触控事件详细介绍

资讯排行榜
更多>>

微信小程序 教程之wxapp 视图容器 view

微信小程序教程之wxapp 视图容器 view