DIV换行

sun315256946 2010-04-27 11:11:28

代码中会不断的生成一组组的div怎么开能让它五个一行，五个一行的现实呢？？？（会有很多的div）

...全文

550 9 打赏收藏转发到动态举报

写回复

用AI写文章

9 条回复

切换为时间正序

请发表友善的回复…

发表回复

小凛 2010-04-29

打赏
举报

用<span>标签吧，用<div>的话就得设置浮动..

brovian 2010-04-29

打赏
举报



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml"> 

<head> 

<title>五个一排</title> 

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<style type="text/css">

*{padding:0;margin:0}

#wrap{width:510px;border:1px solid black}  /*我没测试IE6,如果IE6出现串行,请调下这里的宽度*/

#wrap div {width:100px;height:100px;float:left;border:1px solid black;}

</style>

</head>

<body>

<div id="wrap">

    <div></div>

    <div></div>

    <div></div>

    <div></div>

    <div></div>

    <div></div>

    <div></div>

    <div></div>

    <div></div>

    <div></div>

</div>

</body>

</html>

brovian 2010-04-29

打赏
举报

1.每个DIV设置浮动,如float:left,因为div是块级元素
2.设置好每个div的宽度,边框,padding,margin等
3.所有的这些div外面包裹一个div,使宽度能包住这些div
4.以上应该可以了,再不行的话我上代码

ycproc 2010-04-28

打赏
举报

纠结
页面问题一直是我最苦恼的

挨踢直男 2010-04-28

打赏
举报

div设置浮动

display:inline 也能不换行

IT_Engineer_Java 2010-04-28

打赏
举报

[Quote=引用 2 楼 snowhite88 的回复:]
不换行只能用相似的<span></span>标签,<div></div>前后会换行的.
[/Quote]
我支持

sdnjiejie65 2010-04-28

打赏
举报

.p{width:100px;}
.p div{margin:0;clear:right;}
<div class="p">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>

snowhite88 2010-04-28

打赏
举报

不换行只能用相似的<span></span>标签,<div></div>前后会换行的.

挨踢直男 2010-04-27

打赏
举报

.p{width:100px;}
.p div{width:19px;float:left;}
<div class="p">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>