el-select 单选后内容换行显示

`el-select` 是 Element UI 提供的一个下拉选择组件，在 Vue.js 中常用于单选或多选选项的选择。当你设置它为单选模式，并且选中的内容过长导致换行显示时，可以考虑以下几种方法：

1. **设置 `max-height` 和 `overflow`**：在 `el-option` 元素上，你可以设定一个合适的最大高度，比如 `max-height: 60px; overflow: hidden;` 来限制文本长度并隐藏超出的部分。

<el-select v-model="selectedValue" clearable>
  <el-option
    v-for="item in options"
    :key="item.value"
    :label="item.label"
    :value="item.value"
    style="max-height: 60px; overflow: hidden;">
  </el-option>
</el-select>

2. **自定义渲染**：如果你想要更精细的控制展示样式，可以使用 `render-content` 函数来自定义每个选项的渲染方式。这样可以在模板中直接处理换行和溢出问题。

<el-select v-model="selectedValue" clearable @render-option="renderOption">
  ...
</el-select>

<script>
methods: {
  renderOption(h, { item }) {
    return h('div', { style: 'height: 60px;' }, [item.label]);
  }
}
</script>