如何控制DIV里每行只显示三个DIV,然后循环这个行?
可能是我表达的不清楚,我把图画了一下,意思就是我用DIV调用程序里的信息,然后把他显示成图片里的白方框一样,然后LOOP这个DIV。问题是:如何控制他一行显示三个DIV。...
可能是我表达的不清楚,我把图画了一下,意思就是我用DIV调用程序里的信息,然后把他显示成图片里的白方框一样,然后LOOP这个DIV。问题是:如何控制他一行显示三个DIV。然后显示10行。超过10行的话就用翻页显示? 小弟分不多。帮帮忙啦
展开
2011-10-06
展开全部
<style type="text/css">
.main{width:720px;padding-left:2%;overflow:hidden;background-color:darkblue;padding-bottom:25px;}
.divChild{width:30%;float:left;margin-right:2%;border:1px solid #fff;background-color:blue;height:200px;margin-top:25px;}
.cl{clear:both;}
</style>
<div class="main">
<div class="divChild"></div>
<div class="divChild"></div>
<div class="divChild"></div>
<div class="cl"></div>
<div class="divChild"></div>
<div class="divChild"></div>
<div class="divChild"></div>
</div>
分页的话得配合后台程序来完成了。
.main{width:720px;padding-left:2%;overflow:hidden;background-color:darkblue;padding-bottom:25px;}
.divChild{width:30%;float:left;margin-right:2%;border:1px solid #fff;background-color:blue;height:200px;margin-top:25px;}
.cl{clear:both;}
</style>
<div class="main">
<div class="divChild"></div>
<div class="divChild"></div>
<div class="divChild"></div>
<div class="cl"></div>
<div class="divChild"></div>
<div class="divChild"></div>
<div class="divChild"></div>
</div>
分页的话得配合后台程序来完成了。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询