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中的所有数据就会居中显示了。

相关问题

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-card怎么居中

要让 el-card 居中，可以在外层容器上设置样式 `display:flex; justify-content:center; align-items:center;`，同时要确保 el-card 的宽度不要超过容器的宽度，可以设置 el-card 的样式 `max-width:100%;`。以下是示例代码：

<div style="display:flex; justify-content:center; align-items:center;">
  <el-card style="max-width:100%;">
    <!-- card content -->
  </el-card>
</div>