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