如何让div 内的控件不自动换行

cfsjjjj 2011-10-27 03:47:13

<div style="overflow-y:hidden;overflow-x:scroll; width: 100px; height: 30px; ">
<input id="Button2" type="button" value="button" class="toptn" onclick="ontopbn(this.id);" />
<input id="Button4" type="button" value="button" class="toptn" onclick="ontopbn(this.id);" />
........此处省略N个 input
</div>

我希望div内容多时 overflow-x 显示滚动条来拖动。。。但是input 却自动换行了。费解！！！

...全文

255 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

blncle 2011-10-27

打赏
举报

回复

楼上正解,还可以不用div，用span

qgqch2008 2011-10-27

打赏
举报

回复

<div><nobr>.........</nobr></div>

laowang134 2011-10-27

打赏
举报

回复

<div style="overflow-y:hidden;overflow-x:scroll; width: 100px; height: 30px; white-space:nowrap;">

以前写日历控件，都是用table，结果拼半天！现在用div+css写日历控件，可以用div的一个特性，就是当它排不下的时候，就自动换行，那还用得着拼么？因此效率大大增加，一个简单的日历控件，十分钟搞定！大家可以下载看看，测试一下，如果有问题及时提出。这个控件是简单的控件，点击日期没有事件，大家可以自己添加，代码简洁，页面在pages/calendar.html。

Updates: 1)增加防止COOKIE欺骗攻击的加密KEY属性设置，编辑器用到的COOKIE都将会进行加密。 2)更新编辑器帮助文件。 3)文字水印调整为只添加到图像宽高>100像素的图片上面，并且调整编辑器默认配置添加的是图片水印！ 2010/04/02 Version 6.1.6 For VS2005/2008 Updates: 1)针对IIS6.0文件解析高危漏洞进行修正。 2)上传功能的一些优化。 3)文件夹重命名的一些改进。 2010/03/08 Version 6.1.5 For VS2005/2008 Updates: 1)修正了一个安全方面的BUG。 2)修正保存远程图片到本地功能的保存路径问题。 3)修正保存远和图片到本地功能在IE6及IE7的提交BUG。 4)修正上传图片界面中对齐方式不能生效的BUG! 2010/01/15 Version 6.1.4 For VS2005/2008 Updates: 1)加入保存远程图片到本地的功能图标到菜单栏,配置代码为remoteupload。 2)修正FireFox下插入WMA等音频文件不能播放的BUG. 3)修正关闭图像预览后可能出现的BUG. 4)修正保存图片到本地的一些BUG. 5)更新配置器,增加保存远程图片到本地功能的配置. 2009/12/10 Version 6.1.3 For VS2005/2008 Updates: 1)修正了firefox浏览器下编辑器宽度设置为100%会出错的BUG。 2)优化了图片水印功能,图片水印可以4:1为比例自适应图片。 3)增加水印调整功能的左上，左下，右上，右下角的位置(默认右下）。 4)增加图片水印是否半透明的选项。 2009/11/25 Version 6.1.2 For VS2005/2008 Updates: 1)修正插入视频的地址是mms、rtsp的话，路径就不对的BUG。 2)优化了上传成功后的处理代码。 3)改进了插入表情图标的功能(增加了多组表情,并且鼠标经过表情后可自动放大表情)。 4)优化了编辑器的整体结构。 2009/09/30 Version 6.1.1 For VS2005/2008 Updates: 1)修正上传管理中删除文件夹及重命名文件夹导致Session失效的BUG。 2)改善了新建文件夹的方式,按取消按键后文件夹将不会被新建。 3)重新用回Cookie方式储存参数,并且加强COOKIE的安全性。（因为session在操作删除目录后会掉失） 2009/08/07 Version 6.1.0 For VS2005/2008 Updates: 1)改用Session代替部分Cookie储存上传功能所用到的配置数据,以便让编辑器上传更加安全。 2)修正一个文件格式上传时存在的安全性问题。 3)上传页面去掉所有input隐藏属性储存参数,改用ViewState储存,并加入ViewState的防改措施。 2009/07/05 Version 6.0.9 For VS2005/2008 Updates: 1)修正插入表格后在表格单元格插入内容会插到另一个单元格的BUG。 2)控件可视化配置工具中的功能显示中插入excel表格改为导入Excel表格。 2009/06/23 Version 6.0.8 For VS2005/2008 Updates: 1)去掉现在基本没法使用的插入EXCEL表格功能,改为无组件的导入EXCEL文档功能(测试中,导入excel文档必须符合数据库格式,否则导入数据将不全)。 2)更新编辑器的部分文字资源。 3)修正4号与5号字体大小一样的BUG! 2009/06/15 Version 6.0.7 For VS2005/2008 Updates: 1)修正word导入功能中如果选择了保存word文档到服务器,那么下次相同的文件将不能再次导入的BUG! 2009/06/02 Version 6.0.6 For VS2005/2008 Updates: 1)修正了6.0.5版本增加功能后出现上传后出错的严重BUG。 2009/05/23 Version 6.0.5 For VS2005/2008 Updates: 1)修正了上传远程图片文件时可能出现404的错误。 2)修正插入部分远程URL图片时可能出现无法显示的错误。 3)修正FireFox浏览器下弹出窗口自适应大小功能不正常的BUG。 4)改进了多文件上传后自动选择添加到上传列表的文件。 5)改进了如找不到对应语言文件则使用默认语言的功能。 2009/05/15 Version 6.0.4 For VS2005/2008 Updates:

课程简介： 1，html5编辑器的介绍和使用 2，块标签 3，内联标签 4，超链接和锚点 5，12种选择器 6，颜色 7，单位 8，css属性 9，盒模式 10，div布局 11，内容图片 12，布局图片 13，用户交互图片 14，字体 15，表单...

word-warp:break-word; word-break:break-all;

DIV怎么才不会自动换行？设定white-space:nowrap就可以不换行了。但是这样div的宽度会自动增大。如果你想控制宽度的话，可以参考下面两种方式。 This is a test. This is a test.网页设计中DIV标签怎样实现内容换行网页设计中DIV标签实现内容换行，这个的话，就是通过你设置的div的宽度和高度，如果你的文字只要过多，书写超过宽度自然就会换行，也可以说是被...

62,074

社区成员

669,028

社区内容

发帖

与我相关

我的任务

javascript云原生企业社区

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见，支持健康理性的辩论和互动，反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

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

+ 用AI写文章