社区
JavaScript
帖子详情
SELECT中文本太多,怎么能加上横向的滚动条呀?
lilei_jn
2003-09-22 03:55:58
同上!谢谢
...全文
318
14
打赏
收藏
SELECT中文本太多,怎么能加上横向的滚动条呀?
同上!谢谢
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
14 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
ptma
2003-12-24
打赏
举报
回复
变相的
http://filespace.brentdax.com/ptma/index.htm
renaski
2003-12-24
打赏
举报
回复
我也没有办法,用了ZOOM和WORD也没有用。
swich
2003-12-24
打赏
举报
回复
自动拉伸的啊
huanmeng1980
2003-12-24
打赏
举报
回复
用<div style="overflow:scroll"></div>套住select.实际上和楼上的想法一致
不过这样用,select还是在本页,比较好控制
monkeys
2003-12-23
打赏
举报
回复
直接设置属性应该是不可能的
通过模拟途径吧
好记忆不如烂笔头abc
2003-12-23
打赏
举报
回复
你的问题只能通过别的途径模拟解决。
看看这个吧。
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><input name=iData size=10 style="border:1px solid #000000;border-right-width:0px;height:20;background-color:#ff6600"></td>
<td><input type=button onclick=showSel(true) value="6" style="border:1px solid #000000;border-left-width:0px;cursor:hand;font-family:Webdings;width:20;height:20;vertical-align:baseline;padding:1px;line-height:5px"></td>
</tr>
<tr>
<td colspan="2"><select id=qswh size=10 style="background-color:#ff6600;position:absolute;display:none" onchange=selText(iData)>
<option value="32432">1</option>
<option>12 </option>
<option>123 </option>
<option>1234 </option>
<option>12345 </option>
<option>123456 </option>
<option>1234567 </option>
<option>12345678 </option>
<option>123456789 </option>
<option>1234567890 </option>
<option>12345678909 </option>
<option>123456789098 </option>
<option>1234567890987 </option>
<option>12345678909876 </option>
<option>123456789098765 </option>
<option>1234567890987654 </option>
<option>12345678909876543 </option>
<option>123456789098765432 </option>
<option>1234567890987654321 </option></select></td>
</tr>
</table>
<script>
function document.onclick(){
showSel(false)
}
function showSel(flag){
document.all.qswh.style.display=(flag?"block":"none")
window.event.cancelBubble=true;
}
function selText(obj){
obj.value=(document.all.qswh.options[document.all.qswh.selectedIndex].text)
//showSel(false)
}
</script>
lilei_jn
2003-12-23
打赏
举报
回复
继续顶
IT凡人
2003-12-22
打赏
举报
回复
对,我也想知道!
lilei_jn
2003-12-22
打赏
举报
回复
没有啊!继续顶
wuyg719
2003-12-22
打赏
举报
回复
横向滚动条应该是自动出来的。
lilei_jn
2003-12-22
打赏
举报
回复
置顶!那位老大能帮忙解决一下!!
小生谢谢了!
zhanghk
2003-09-22
打赏
举报
回复
up
hrong
2003-09-22
打赏
举报
回复
select 的宽度是根据其内容自适应的呀, 只要你不定义死下拉框的宽度!!
cloudchen
2003-09-22
打赏
举报
回复
<table style="table-layout:fixed;" border="1">
<tr>
<td style="word-break:break-all;word-wrap:wrap-word;">
<div style="overflow-x:scroll;width:100%;">
<script>document.write(new Array(100).join(".....,,,......."))</script>
</div>
</td>
</tr>
</table>
解决element-ui的el-
select
组件文字超过宽度时不出现
横向
滚动条
问题
本文介绍了解决Element-UI
中
el-
select
组件当选项
文本
长度超出容器宽度时,不显示
横向
滚动条
的问题。提供了具体的技术解决方案及参考资料。
a-tree-
select
基本使用,下拉框高度和宽度设置、回显时
滚动条
定位解决。
文章详细介绍了如何在Vue项目
中
使用AntDesignVue的tree-
select
组件,包括解决下拉框占满全屏和菜单内容过长导致的宽度问题,以及数据回显和
滚动条
定位的实现方法。通过设置dropdown-style和dropdownMatch
Select
Width属性,可以调整下拉菜单的样式和宽度,而利用XEUtils库可以方便地处理数据并实现
滚动条
自动定位到选
中
节点。
el-
select
超长
文本
自适应展示优化方案
本文针对Element UI
中
el-
select
组件因固定宽度导致超长选项被截断的问题,提出三种渐进式解决方案:一是利用focus事件与$nextTick动态同步下拉框宽度;二是通过popper-class配合CSS解除overflow隐藏并支持水平滚动;三是融合智能
文本
宽度计算与屏幕空间检测的终极方案,实现自适应宽度与弹性滚动的按需切换,提升前端表单交互体验。
用DIV做带
横向
滚动条
的多选框
本文通过一个具体的HTML示例介绍了如何使用div和
select
元素实现内容的滚动展示效果。示例
中
定义了一个带有
滚动条
的div容器,并在其
中
放置了一个包含多个选项的
select
标签。每个选项重复显示特定
文本
,可用于演示页面布局和技术实现细节。
html
select
内容过长,解决
SELECT
框
中
文字过长的方法
博客讲述了在系统
中
遇到
SELECT
框内容被遮挡的问题,作者尝试通过添加
横向
滚动条
的方案未果,转而采用创建提示框的方式来显示完整信息。通过JavaScript编写代码,当鼠标悬停在选项上时,显示选
中
项的完整
文本
。代码实现了一个简单的弹出提示功能,有效地解决了列表框显示不全的问题。
JavaScript
87,988
社区成员
224,683
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章