elementUI实现根据屏幕大小自适应换行，栅格化布局

在Element UI中，可以使用栅格化布局来实现根据屏幕大小自适应换行。Element UI的栅格系统提供了span属性来指定每个栅格占据的列数，并且当屏幕尺寸小于768px时，系统会自动将栅格换行。

以下是一个简单的例子，展示了如何使用Element UI的栅格化布局来实现自适应换行：

<template>
  <el-row :gutter="20">
    <el-col :span="12" :xs="24"><div class="grid-content">12</div></el-col>
    <el-col :span="12" :xs="24"><div class="grid-content">12</div></el-col>
    <el-col :span="6" :xs="24"><div class="grid-content">6</div></el-col>
    <el-col :span="6" :xs="24"><div class="grid-content">6</div></el-col>
    <el-col :span="6" :xs="24"><div class="grid-content">6</div></el-col>
    <el-col :span="6" :xs="24"><div class="grid-content">6</div></el-col>
  </el-row>
</template>
 
<style>
.el-row {
  margin-bottom: 20px;
}
.el-col {
  border-radius: 4px;
  background: #EFEFEF;
  border-left: 1px solid #DCDFE6;
  border-right: 1px solid #DCDFE6;
  text-align: center;
}
</style>

在这个例子中，el-row是行容器，el-col是列容器。:span属性用于指定栅格的宽度，而:xs属性用于指定屏幕宽度小于768px时的列宽度。所以当屏幕尺寸变小时，栅格会自动换行显示。