el-menu-item 设置内容自适应撑开宽度

你可以尝试给 el-menu-item 添加一个样式 `flex: 1`，这样它就会自适应撑开它所在的容器的宽度。具体实现可以像这样：

<el-menu-item style="flex: 1">
  <!-- 内容 -->
</el-menu-item>

当然，这样做可能会影响到你的布局，因此你需要结合实际情况进行调整。

相关问题

el-menu加横向滚动条之后 el-menu-item的选中状态宽度不是自适应

在el-menu加横向滚动条之后，el-menu-item的选中状态宽度不自适应的问题，可以通过CSS样式进行修复。

你可以使用以下CSS代码：

.el-menu--horizontal-scroll .el-menu-item.is-active {
  flex: 0 0 auto;
  width: auto !important;
}

这个CSS选择器会选中el-menu中的is-active状态的el-menu-item元素，并且将其宽度设置为自适应。同时，由于加了横向滚动条，我们还需要将其flex属性设置为0，这样就可以让它自适应宽度了。

在代码中，我们使用了!important关键字，这是因为在原本的样式中，可能有一些样式会覆盖我们的修改。使用!important可以强制将这个样式应用到元素上，避免被其他样式覆盖。

希望这个解决方案能够帮助到你。

el-table-column 表格根据内容自适应宽度

你可以将表格的宽度设置为100%，然后再设置 el-table-column 的 min-width 和 max-width 属性，让表格的列宽根据内容自适应。你也可以使用 column-width 属性设置列宽，同时通过 white-space 属性控制单元格内容的换行和溢出效果。如果你使用了固定列宽，可以通过设置 el-table-column 的 resizable 属性为 true，让用户可以通过拖拽表格列边缘来调整列宽。