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元素中居中显示了。

相关问题

el-main怎么让里面的所有数据居中

要让el-main中的所有数据居中，可以使用CSS的flex布局。具体操作如下：

1. 在el-main的父元素中设置display:flex，使其成为一个flex容器。

2. 设置justify-content:center，使其子元素在水平方向上居中。

3. 设置align-items:center，使其子元素在垂直方向上居中。

代码示例：

<style>
  .container {
    display: flex;
    justify-content: center;
    align-items: center;
  }
</style>

<div class="container">
  <!-- el-main中的所有数据 -->
</div>

这样设置后，el-main中的所有数据就会居中显示了。