element栅格5等分
element栅格时基础的 24 分栏,实现5等分需要设置百分比案例1. 三等分<el-col :xs="12" :sm="12" :lg="8" class="card-panel-col"></el-col>2. 四等分<el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">&l...
·
- element栅格时基础的 24 分栏,实现5等分需要设置百分比
- 案例
1. 三等分
<el-col :xs="12" :sm="12" :lg="8" class="card-panel-col">
</el-col>

2. 四等分
<el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
</el-col>

3. 五等分(24无法直接整除)24/5 = 4.8
<el-col :xs="12" :sm="12" :lg="{span: '4-8'}" class="card-panel-col">
</el-col>
---------------------------------------------------------------------------
<style>
.el-col-lg-4-8 {
width: 20%;
}
</style>

更多推荐
所有评论(0)