zoukankan      html  css  js  c++  java
  • antd Grid

    import { Row, Col } from 'antd';

    <Row
        type="flex"    //内容布局(左靠齐,右靠齐,居中)
        justify="start"   //左靠齐 (start,center,end,space-between,space-around)
        align = "top"    //flex布局下垂直对齐方式:top(默认),moddle,bottom
        gutter = number/object    //栅格间隔,可以写成像素值或支持响应式的对象写法 { xs: 8, sm: 16, md: 24}
    >
         <Col
             span={8}   //每行24列,这里占8列
             offset={8}    //向右偏移8列
             push={6}    //向右偏移6列
             pull={2}      //向左偏移2列
             xs={2}       //类似boostrop ,小屏幕占两列
             order = 1    //栅格顺序,flex 布局模式下有效
        >col-12 </Col>
    </Row>    

    1. 

      xs : <576px

      sm  : >= 576 px

      md : >= 768px

      lg : >=992px

      xl : >=1200px

      xxl : >=1600px

  • 相关阅读:
    重排列
    最多分成多少块
    后面第一个大于
    走格子
    硬币游戏
    还是01串
    戴德兰
    个人所得税
    最长高地
    执行Commit时Oracle做哪些工作
  • 原文地址:https://www.cnblogs.com/xiaoxinzi/p/9686184.html
Copyright © 2011-2022 走看看