elementplus的标签页标签居中

Element Plus是一个基于Vue.js的开源UI组件库，其中的`el-tabs`标签页组件提供了一种方便的方式来组织内容并切换。默认情况下，标签页是水平排列，并且会自动居中显示。如果你想要改变标签的对齐方式，可以在`el-tabs`组件上设置`type`属性。例如，如果你想让标签垂直居中，可以将`type`设为`horizontal`：

<template>
  <el-tabs type="horizontal" @tab-click="handleTabClick">
    <el-tab-pane label="Tab 1">Content for Tab 1</el-tab-pane>
    <el-tab-pane label="Tab 2">Content for Tab 2</el-tab-pane>
    <!-- Add more tab panes as needed -->
  </el-tabs>
</template>

<script>
export default {
  methods: {
    handleTabClick(tab) {
      console.log(`You clicked on ${tab.name}`);
    }
  }
}
</script>

如果你想让标签水平居中，通常不需要特别配置，因为Element Plus已经处理好了默认样式。如果需要自定义样式，可以使用CSS覆盖默认样式。