首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

怎么让一个div中的内容不换行

2012-03-23 
如何让一个div中的内容不换行!想做到让最外边的div[idA]内部不论有多少div都不换行,并且撑开div[idA],请

如何让一个div中的内容不换行!
想做到让最外边的div[id=A]内部不论有多少div都不换行,并且撑开div[id=A],请问有什么办法!
<div   id= 'A '>
            <div   style= "float:left;width:200px;height:200px "> </div>
            <!--.....n个div,不确定个数-->
</div>


[解决办法]
try:


<style type= "text/css ">
#a {width:200px;white-space:nowrap;}
#a div {display:inline;margin:0 5px;}
</style>
<div id= 'a '>
<div> 第一组 </div>
<div> 第二组 </div>
<div> 第三组 </div>
<div> 第四组 </div>
<div> 第五组 </div>
<div> ... </div>
<!--.....n个div,不确定个数-->
</div>
[解决办法]
用JS最好,一个循环把子元素的宽度全部加上,再设置一下就行了

热点排行