element ui tabs 宽度

Element UI的Tabs组件默认情况下会根据内容自动调整宽度。如果你想要指定Tabs的宽度，可以通过设置Tabs容器的宽度来实现。

例如，你可以给Tabs容器添加一个固定的宽度样式：

<template>
  <div class="tabs-container">
    <el-tabs>
      <!-- Tabs内容 -->
    </el-tabs>
  </div>
</template>

<style>
.tabs-container {
  width: 500px; /* 设置Tabs容器的宽度 */
}
</style>

在上述示例中，将Tabs容器的宽度设置为500像素。

另外，你也可以使用flex布局来实现自适应的宽度。给Tabs容器添加`display: flex;`样式，并使用`flex-grow`属性来控制各个Tabs项的宽度比例。

<template>
  <div class="tabs-container">
    <el-tabs>
      <!-- Tabs内容 -->
    </el-tabs>
  </div>
</template>

<style>
.tabs-container {
  display: flex;
}

/* 设置各个Tabs项的宽度比例 */
.el-tabs__header {
  flex-grow: 1;
}
</style>

通过上述方法，你可以根据需要设置Element UI Tabs组件的宽度。