• 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>

在这里插入图片描述

Logo

有“AI”的1024 = 2048,欢迎大家加入2048 AI社区

更多推荐