【ElementUI】栅格布局单数等分，五等分七等分...

众所周知，element 的栅格布局是24栏，那么很多不能被24整除的单数怎么办呢？

这里以五等份为例：

<el-col :xs="12" :sm="12" :lg="{span: '4-8'}" class="card-panel-col">
</el-col>

将lg设置为动态，这里span的值只要跟下面样式名对上即可
因为24/5=4.8，所以命名为4-8比较容易辨别

重点在样式设置：

<style scoped>
.el-col-lg-4-8 {
  width: 20%;
}
</style>