Flexbox flex布局

配合 xm-flexbox 使用

基础用法

使用direction属性来定义 Flexbox 的样式

  1. <xm-flexbox>
  2.     <div>普通div</div>
  3.     <xm-flexbox-item>默认的水平flex div</xm-flexbox-item>
  4.     <div>普通div</div>
  5. </xm-flexbox>
  6.     <br>
  7. <xm-flexbox direction="vertical">
  8.     <div>普通div</div>
  9.     <xm-flexbox-item>direction="vertical" 的垂直flex div</xm-flexbox-item>
  10.     <div>普通div</div>
  11. </xm-flexbox>

属性

参数 说明 类型 可选值 默认值
direction 设置垂直布局 String horizontal，vertical horizontal

原文: https://monw3c.github.io/xmui/#/components/flexbox