要隐藏el-select中的内容,可以使用CSS的text-overflow属性来实现。将el-select的宽度设置为固定值,并将overflow属性设置为hidden,这样内容超出el-select宽度时就会被隐藏。

示例代码如下:

<el-select style="width: 200px; overflow: hidden;">
  <!-- 这里是el-select的选项内容 -->
</el-select>

如果想要显示省略号(...)来表示内容被隐藏,可以再加上text-overflow: ellipsis;属性。

<el-select style="width: 200px; overflow: hidden; text-overflow: ellipsis;">
  <!-- 这里是el-select的选项内容 -->
</el-select>

这样,当el-select的内容超出宽度时,就会以省略号(...)的形式来显示被隐藏的内容。

el-select内容过长超出隐藏

原文地址: https://www.cveoy.top/t/topic/hyAE 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录