WeUI提供了flex布局的支持

    在外层元素添加weui-flex类
    在内层元素添加weui- flex__item类

    如示例3-29所示

    1. <view >
    2. <view class="weui-flex">
    3. <view class="weui-flex__item"><view class="placeholder">weui</view></view>
    4. </view>
    5. <view class="weui-flex">
    6. <view class="weui-flex__item"><view class="placeholder">weui</view></view>
    7. <view class="weui-flex__item"><view class="placeholder">weui</view></view>
    8. </view>
    9. <view class="weui-flex">
    10. <view class="weui-flex__item"><view class="placeholder">weui</view></view>
    11. <view class="weui-flex__item"><view class="placeholder">weui</view></view>
    12. <view class="weui-flex__item"><view class="placeholder">weui</view></view>
    13. </view>
    14. <view class="weui-flex">
    15. <view class="weui-flex__item"><view class="placeholder">weui</view></view>
    16. <view class="weui-flex__item"><view class="placeholder">weui</view></view>
    17. <view class="weui-flex__item"><view class="placeholder">weui</view></view>
    18. <view class="weui-flex__item"><view class="placeholder">weui</view></view>
    19. </view>
    20. <view class="weui-flex">
    21. <view><view class="placeholder">weui</view></view>
    22. <view class="weui-flex__item"><view class="placeholder">weui</view></view>
    23. <view><view class="placeholder">weui</view></view>
    24. </view>
    25. </view>

    image.png