本文主要是介绍el-row和el-col在element ui中的注意点,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
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>
这篇关于el-row和el-col在element ui中的注意点的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!