el-row和el-col在element ui中的注意点_el-row只能出现一次吗

Element-Plus el-col、el-row快速布局-CSDN博客

el-row是将一行分成24份。代表一行。

el-row中写el-col，el-col代表的是列，写几个el-col就表示有几列。列的宽度用span来规定。表示你这列占这一行24份中的几份。

注意：

el-row中只有1个el-col的时候，el-col的span可以不用写，它默认占一行的24份，但是el-row有多个el-col的时候，el-col必须要写span

注意：

不管el-row里嵌套多少el-row,el-row都代表24份

//第1层的el-row表示1行，这行分成24份
//父元素
<el-row>
    <el-col>
        //下面这个el-row是子元素，但是它也是一行，这一行有24份
        <el-row>
            //下面的el-col，这一列，要想占满这行，就是占24份,span要为24才行，记住，el-row表示24份
            <el-col :span="24"></el-col>
        </el-row>
    </el-col>
</el-row>