社区
Web 开发
帖子详情
什么属性能控制select标签中下拉部分的宽度(内详)
1203
2005-06-03 01:28:22
我的select标签中选项(就是下拉)部分某些选项很短,某些很长,会把页面撑得很宽,所以就用“<select name ="**" width = '200px'>”加以限制,但是当选中,弹出下拉部分时,很长的选项就只能看到部分了。
怎么样才能使标签本身长度不变,但是弹出时下拉部分变宽,以能看到最长的选项!!
不知道有没有把问题说明白,不详之处敬请告知!谢谢!
...全文
810
14
打赏
收藏
什么属性能控制select标签中下拉部分的宽度(内详)
我的select标签中选项(就是下拉)部分某些选项很短,某些很长,会把页面撑得很宽,所以就用“”加以限制,但是当选中,弹出下拉部分时,很长的选项就只能看到部分了。 怎么样才能使标签本身长度不变,但是弹出时下拉部分变宽,以能看到最长的选项!! 不知道有没有把问题说明白,不详之处敬请告知!谢谢!
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
14 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
real0411
2005-06-21
打赏
举报
回复
哈,我知道楼主的意思,select没有这个功能,select是以option最长的一个值来定的。
如果你想做这个功能,基本上需要javascript模拟,你可以用layer(div)来实现。
SAP新手上路
2005-06-21
打赏
举报
回复
让它的style = "width:100%"就可以自适应了 ^_^
1203
2005-06-09
打赏
举报
回复
???
1203
2005-06-03
打赏
举报
回复
补充一点,动态决定宽度是指决定下拉部分的宽度,而select本身长度不变
chylwk
2005-06-03
打赏
举报
回复
很明白你的意思。只有一种情况可以解决!那就是当页面刚开始时下拉框的选项是空的。这时你可以设定固定的宽度。当select获得焦点,或者点击时,你再触发一个javaScript操作,此时才动态的显示那些下拉框的具体内容,这时就会根据具体内容动态决定宽度
1203
2005-06-03
打赏
举报
回复
select应该有这个属性的,以前好像用过,但这次找了半天也没实现!
再述问题:我知道“<select name ="**" width = '200'>”可以固定select的宽度,防止下拉的某些选项太宽,使页面撑宽。但是不知道在以上实现的情况下,可以使select获得焦点时,弹出的下拉部分,宽度能不受width = '200'的限制,自由变宽。
大家帮忙!!
wxwyes
2005-06-03
打赏
举报
回复
不懂<select>有没有这个功能,建意你不如写一个菜单来代替它好了。
四周的风景
2005-06-03
打赏
举报
回复
用内嵌的style吧
<select name="****" style="width:200;height:20;">
querlang
2005-06-03
打赏
举报
回复
我也遇到过这种问题,最后没办法去掉width让他自己伸缩吧。如果觉得不美观就找个最大长度来统一下
stray1718
2005-06-03
打赏
举报
回复
你的这个问题很有挑战性阿,我不会,顶一个
SunFee
2005-06-03
打赏
举报
回复
不写width我记得是自定按照最长的选项来的吧
devil_ares
2005-06-03
打赏
举报
回复
是要固定一个宽度吗?
如果是的话 用样式表来设置
如:.selectSty {
border: 1px solid #666666;
font-size:12px;
background-color:#ffffff;
font-family: "宋体";
width:100px;
}
<select name ="**" class ="selectSty" >
hzh_net
2005-06-03
打赏
举报
回复
先找到最长的,按它的宽度来就可以了
呵呵
^_^
grapepaul
2005-06-03
打赏
举报
回复
很清楚,可惜不会,up
html
select
最小
宽度
,css设置
select
大小
css怎么设置
select
的高度呀,找了一圈都没有解决
select
的高度是由其size
属性
(注意是HTML
属性
,不是CSS
属性
,而且单位是行,不是像素或其他)再结合字体大小来决定,不能用CSS任意改变,否则会影响
select
的美观。一个曲线解决办法就是通过设置
select
的字体大小来间接改变
select
的高度。如何指定html
中
select
控件的
宽度
可以使用CSS来
控制
select
标签
的
宽度
,如:...
bootstrap
中
select
标签
如何修改
宽度
以上代码
中
选择框的
宽度
是固定的,当我们尝试在
select
标签
中
使用css
中
的width来改变
宽度
并没有反应,那么如何解决这个问题呢?编写js来解决该问题,不添加none
Select
edText
属性
的话,选择框默认会显示Nothing
select
ed。...
select
下拉
框
宽度
设置问题(自适应
宽度
,水平滚动条)
概述: 在实际应用
中
,很多时候都会用到
select
,但是由于
下拉
框的内容
宽度
不可控,就导致
select
宽度
往往不是我们想要的。 需求: 1、给
select
设置最小值,在内容小于最小值时,要
控制
select
的
宽度
是最小值,而不能让它太短,影响美观程度。 2、对应的也需要设置最大值。 3、当内容过长时,给出提示。
【
select
输入检索】
下拉
select
支持输入检索之组件
select
page的
属性
应用详解
select
输入检索、
下拉
select
支持输入检索之组件
select
page的
属性
应用详解、
select
page自定义
菜鸟学习
中
-修改
select
下拉
框
宽度
在
select
标签
中
,添加
属性
style="width:70px"
Web 开发
81,092
社区成员
341,717
社区内容
发帖
与我相关
我的任务
Web 开发
Java Web 开发
复制链接
扫一扫
分享
社区描述
Java Web 开发
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章