向一个DIV中动态添加一些DIV,设定了外面DIV的宽度以及横向滚动条,怎样让添加的动态DIV 不换行

你2013-02-25 15:55问的问题,我现在也遇到了,想问问你是怎么解决的

第1个回答  2013-09-06
外层DIV
#width{width: 310px; height: 30px; overflow: hidden; overflow-x: auto; text-align: left; white-space: nowrap;}

动态添加的DIV
.nav{height: 30px; color: #aaa; font-size: 20px; font-weight: bold; display: inline-block;}
原理:把动态添加的DIV设置为行内块元素,然后,在让外层DIV的文本左对齐,且强制在同一行内显示所有文本。
详情你可以参考一下:http://zhidao.baidu.com/question/588785333.html?oldq=1
第2个回答  2013-09-05
white-space: nowrap
第3个回答  2013-09-11
动态的用js添加

向一个DIV中动态添加一些DIV,设定了外面DIV的宽度以及横向滚动条,怎 ...
外层DIV width{width: 310px; height: 30px; overflow: hidden; overflow-x: auto; text-align: left; white-space: nowrap;} 动态添加的DIV .nav{height: 30px; color: #aaa; font-size: 20px; font-weight: bold; display: inline-block;} 原理:把动态添加的DIV设置为行内块元素,...

如何给div加横向滚动条如何给div加横向滚动条框
1、(高度和宽度根据需要设定)注意:如果只写高度,只有垂直滚动条,只写宽度,只有水平滚动条,所以什么都不写没有效果。同样在这里,overflow设置为auto,也就是说如果你的页面高度大于300px,就会有滚动条;如果小于300像素,就不会有滚动条。同样,如果宽度大于100px,则出现滚动条;如果宽度小于100像素...

怎么让超出div宽度的元素横向滚动
1、新建html文件。2、创建大盒子和它的宽度。3、创建头部盒子。4、创建左边菜单盒子。5、创建右边内容盒子。6、预览效果如图。注意事项:DIV是层叠样式表中的定位技术,全称DIVision,即为划分。有时可以称其为图层。 DIV元素是用来为HTML(标准通用标记语言下的一个应用)文档内大块(block-level)的内...

DIV 值添加纵向滚动条
DIV值添加纵向以及横向滚动条可以参考下面的代码:overflow-x:scroll是横的 overflow-y:scroll是竖的 overflow:scroll横竖 overflow:hidden横竖都没有 <div> 是一个块级元素,这意味着它的内容自动地开始一个新行,实际上,换行是 <div> 固有的特定的格式表现,可以通过 <div> 的 class 或 id 应用...

如何让div里面的p出现滚动条?
第三,添加一个BR,并将样式设置为clear:both。Html代码如下所示:"\/ 如何让p里面的p出现滚动条?1、打开dw,新建一个html页面,进入html页面编辑。2、在代码的body中间编写一个p层。3、将这个新建好的html页面跟编写好的p利用快捷键“ctrl+s”另保存到知道的目录下。4、点击dw的文件按钮,在弹出...

DIV怎么设置滚动条
并在DIV盒子里添加演示文字内容,第二个盒子设置相同的CSS样式,盒子文字内容相同,并设置横向和纵向滚动条,观察效果。第一个盒子CSS命名为“divcs5-a”,第二个DIV盒子样式选择器命名为“divcss5-b”。1、具体完整html源代码如下:<!DOCTYPE html> <html> <head> <meta charset="gb2312" \/> <...

css如何实现div随滚动条移动css左右滚动条
1、首先需要新建一个HTML文档,这里设立一下基本的架构。2、再新建一个CSS文件,用link关联一下HTML文档。3、创建DIV标签,并且往里面填充内容。4、先设定一下滚动条内框的大小。6、overflow-y:scroll;overflow-x:scroll;加上这个样式滚动条就会出现了。cssp固定一个p使这个p不随着网页的滚而滚动,就...

怎么给div加滚动条
1、<divstyle="height:300px;width:100px;overflow:auto"><div\/>(height和width根据需求设定)注意:如果只写height就只有垂直滚动条,只写width就只有水平滚动条,都不写没有效果。还有这里overflow设置为auto,也就说是如果你的页面高度大于300px就会出现滚动条,小于300px就没有滚动条。同理,如果宽度...

html有滚动条时内部内容顶出外部div却没有跟着顶怎么解决?
解决HTML中内层内容超过外层容器宽度时,背景色未跟随扩展的问题,首先需要了解基本原理。当外层div设置了固定的宽度,且内层块级元素的内容超过该宽度时,给父元素添加overflow: auto 属性,虽能实现横向滚动条,但容器宽度无法自动调整。问题的核心在于,块级元素默认继承父元素的宽度,其背景色范围仅限于...

如何给div加滚动条
如果是想让div a出现横向的滚动条就写:.a{overflow: scroll;overflow-x: auto; overflow-y: hidden;} 如果是想让div a出现纵向的滚动条就写:.a{overflow: scroll;overflow-y: auto; overflow-x: hidden;}

相似回答