求助html+css大神,关于无限多个div在定宽容器中不换行的问题,如下示意
<divstyle="float:left;width:40%;overflow-x:scroll;"id="fatherdiv"><divid="mydiv">无限的'...
<div style="float:left;width:40%;overflow-x: scroll;" id="fatherdiv">
<div id="mydiv">无限的'mydiv'显示在浮动定宽的'fatherdiv'中永不换行,超出宽度横向滚动</div>
</div> 展开
<div id="mydiv">无限的'mydiv'显示在浮动定宽的'fatherdiv'中永不换行,超出宽度横向滚动</div>
</div> 展开
展开全部
<!DOCTYPE html>
<html>
<head>
<style>
ul,li{padding:0;margin:0}
#pic_list
{
display:block;
white-space:nowrap;
width:500px;
overflow:auto;
background:#666
}
#pic_list li
{
width:80px;
height:80px;
margin:3px;
background:red;
display:inline-block;
}
</style>
</head>
<div id="pic_list">
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</body>
</html>
追问
大神!好像解决了我的问题!!是不是循环整个ul就是增加行,循环li就是增加列?
追答
Ul要不要都行,一个div占一行,li为里面的无限内容
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询