<el-row>
    <el-col></el-col>
</el-row>

col之间的间距 - :gutter="20"
col占用的格数 - :span="2"
col偏移的格数 - :offset="6"
col移动位置 - 向左:pull="1",向右:push="4"
flex对齐 - type="flex" justify="center || end || space-between || space-around"

xs    <768px 响应式栅格数或者栅格属性对象
sm    ≥768px 响应式栅格数或者栅格属性对象
md    ≥992px 响应式栅格数或者栅格属性对象
lg    ≥1200px 响应式栅格数或者栅格属性对象
xl    ≥1920px 响应式栅格数或者栅格属性对象

hidden-xs-only - 当视口在 xs 尺寸时隐藏
hidden-sm-only - 当视口在 sm 尺寸时隐藏
hidden-sm-and-down - 当视口在 sm 及以下尺寸时隐藏
hidden-sm-and-up - 当视口在 sm 及以上尺寸时隐藏
hidden-md-only - 当视口在 md 尺寸时隐藏
hidden-md-and-down - 当视口在 md 及以下尺寸时隐藏
hidden-md-and-up - 当视口在 md 及以上尺寸时隐藏
hidden-lg-only - 当视口在 lg 尺寸时隐藏
hidden-lg-and-down - 当视口在 lg 及以下尺寸时隐藏
hidden-lg-and-up - 当视口在 lg 及以上尺寸时隐藏
hidden-xl-only - 当视口在 xl 尺寸时隐藏
最后修改:2022 年 07 月 11 日
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!