如何让一个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最好,一个循环把子元素的宽度全部加上,再设置一下就行了