社区
JavaScript
帖子详情
在DIV中,怎么才能出现水平滚动条的!!!!!(急!!!!)
Guizhi
2002-11-08 11:29:51
我在DIV中怎么也弄不出水平滚动条,它的文字如何过长,是会自动折行的.
请问各位高手,怎么才能出现水平滚动条
我的代码
<div style="width:100;height:200;overflow:auto"></div>
...全文
862
4
打赏
收藏
在DIV中,怎么才能出现水平滚动条的!!!!!(急!!!!)
我在DIV中怎么也弄不出水平滚动条,它的文字如何过长,是会自动折行的. 请问各位高手,怎么才能出现水平滚动条 我的代码
复制链接
扫一扫
分享
举报
写回复
配置赞助广告
用AI写文章
4 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
meizz
2002-11-08
打赏
举报
回复
让竖条没有:
<div style='overflow:scroll;overflow-y:hidden'>
</div>
让横条没有:
<div style='overflow:scroll;overflow-x:hidden'>
</div>
balaschen
2002-11-08
打赏
举报
回复
用表格控制,单元格加上noWrap属性
Guizhi
2002-11-08
打赏
举报
回复
对不起,我说错了.
我现在在改别人做的树控件,是用JavaScript做的,建树时每个节点都用一个DIV,现在的问题是,如果树的层次过多,有些节点就会自动折到下一行,界面上很不美观,
想问一下,有没有什么办法可以让树表现出来的是到时会自动出一个水平滚动条,像资源管理器的文件夹一样?
或,有没有比较好的树控件,我参考一下?
多谢了.
希默软件
2002-11-08
打赏
举报
回复
<div style="width:100;height:200;overflow:auto;">111111111111111111111111111111111111111111111111111111111111</div>
上面的没问题,我这里这样才会自动:
<div style="width:100;height:200;overflow:auto;word-wrap: break-word">111111111111111111111111111111111111111111111111111111111111</div>
div
:给
div
加
滚动条
div
的
滚动条
设置
今天做了个例子:
div
的
滚动条
问题:
两种方法:
一、
<
div
style=" overflow:scroll; width:400px; height:400px;”>
div
>
记住宽和高一定要设置噢,否则不成的
不过在不超出时,会有下面的
滚动条
,所以不是最好的选择
二、
<
div
style=" overflow-y:auto; overflow-x:auto; width:4
多个
div
水平
排列并
出现
横向
滚动条
前几天做了一个静态页面(见http://todo.yajunw.com),要实现多个
div
水平
排列,并且自动
出现
横向
滚动条
。本来以为只需父级ul元素的overflow-x:auto;overflow-y:hidden,子级li浮动显示,即可以实现。结果测试发现结果并非想象的那样,浮动的子级li在溢出父级ul后,它会自动向下排列,不会保持
水平
排列了。(可能是li元素
中
包含了很多
div
的缘故吧)
水平
多个
div
,超出
出现
横向
滚动条
;隐藏
滚动条
,但是依然可以滚动;
1. 【问题】
水平
多个
div
块,超出外面
div
盒子后,
水平
出现
横向
滚动条
? 按常理
水平
有多个
div
块,在超出外面
div
盒子后,会另起一行显示;但这不是我们想要的。 方法:1. 设置多个
div
块的外面再套一层
div
,设置它的宽度等于多个
div
宽度的和,此时多个
div
块外面第二层的
div
设置overflow:auto,这样将
出现
水平
滚动条
; ...
给
div
添加
滚动条
Demo: <!--记住宽和高一定要设置,否则不行--> <
div
style=" overflow-y:auto; overflow-x:auto;width:400px; height:400px;”></
div
> Demo说明: 1上面是对
水平
滚动条
和垂直
滚动条
分别设置,可以直接替换为"overflow:auto" 2如果要单独设置
水平
滚...
使用span或
div
模拟Select的
水平
滚动条
今天在使用Select时候想用到Select的
水平
滚动条
可是发现怎么设都没有出来,后来Google也没有搞定。最后自己想了用
DIV
来模拟看看,结果效果还不错。代码如下: 12 123 1234567890123456789012345678901234567890123456789012345678901234567890123456789012345678
JavaScript
87,984
社区成员
224,681
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章