el-main里面的内容怎么居中

要使el-main里面的内容居中，可以使用CSS样式中的text-align属性。在el-main的样式中添加如下代码即可：

el-main {
  text-align: center;
}

这样，el-main里面的内容就会居中显示了。当然，也可以在el-main里面加入一个新的div元素，并给这个div设置居中样式，如下所示：

<el-main>
  <div class="main-content">
    这里是内容
  </div>
</el-main>

.main-content {
  text-align: center;
}

这样，内容就会在新的div元素中居中显示了。