请问如何限制下拉选择的宽度？

IT凡人 2003-12-19 04:49:54

如何限制下拉选择的宽度，不让它随着项目字符的长度而变化，就是不管字符多长，都显示固定的长度？？

...全文

44 4 打赏收藏转发到动态举报

写回复

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

IT凡人 2003-12-19

打赏
举报

回复

我按你的方法做了，可是下拉菜单项如果超出会被截掉，能否鼠标移动显示全部？？

lions911 2003-12-19

打赏
举报

回复

<select class="input_select1">

lions911 2003-12-19

打赏
举报

回复

.input_select1 {
BACKGROUND-COLOR: #eff5ee;
BORDER-BOTTOM: #000000 1px solid;
BORDER-LEFT: #000000 1px solid;
BORDER-RIGHT: #000000 1px solid;
BORDER-TOP: #000000 1px solid;
FONT-SIZE: 9pt;
width:60;
height:17;
}
/* 表单中下拉菜单的背景色为淡绿色；边框的颜色、大小、样式为：黑色；1px；实线；文本框中文字的大小为9pt；框的宽度为60；高度为17； */

iinohk 2003-12-19

打赏
举报

回复

<select style="width:1000">

默认选择器和下拉菜单是等宽的，但是因为的选择项有些比较长，无法全部显示，因此要设置下拉菜单和选择器不一样宽。新建index.css文件 .select-drop-down-platform { width: 360px; } 使用样式注意一定要引入样式文件，我用的是函数式组件，这里只列举关键代码 dropdownMatchSelectWidth={false} 设置选择器和下拉菜单是不要等宽，一定要设置这个 dropdownClassName=“select-drop-down-plat.

在Win Form编程中，ComboBox是我们经常用到的控件，往往因为界面排版或者其它原因，ComboBox的宽度受到限制，而下拉列表中的内容太长。如果按照ComboBox的默认设置，下拉列表和ComboBox的宽度一样，并不会跟随内容的变化而变化，这就造成下拉列表中有些项的内容太长而不能全部显示出来，就是下面这个样子：如果能够让下拉列表的宽度随着内容的变化而变化，这个问题不就解决了。下...

控制了显示框宽度，有时候下拉的内容宽度控制失败，.custom-speed-wrap {display: inline-block;/deep/.el-input__inner {width: 70px;height: 36px;margin-left: 0px;}/deep/.el-select {width: 70px;}}下拉内容宽度，会自动渲染出min-width:，这个宽度是根据，el-select宽度来的，所以控制该类宽度即可。...

elementui 输入框下拉面板宽度跟随输入框宽度 <el-form-item label="业务系统" prop="businessSystemId" class="select-mul" v-else> <el-select v-model="projectForm.businessSystemIdList" placeholder="请选择业务系统"

优雅处理el-select 下拉选择框宽度超长问题

61,129

社区成员

60,711

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章