div如何竖着排列换行？？

lijing3333 2011-10-20 09:18:32

比如现在有div是这样的效果

div
div
div
div
div
div
div
div

但是他不会换成第2排我要的效果是
div div
div div
div div
div div
div
div
div

这样如何实现貌似不会换到第2排呢

...全文

1988 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

Gemini Dean 2011-10-20

打赏
举报

控制div宽度就可以，width="300px"

zjtpiaoxue 2011-10-20

打赏
举报

方法一：给每排定义宽度，刚好能够显示得下两个div
方法二：用表格布局吧，最简单不过了

lijing3333 2011-10-20

打赏
举报

[Quote=引用 3 楼 ssdltwp 的回复:]

HTML code
<!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>
<meta http-equi……
[/Quote]

是这样 3q了

鸟先生 2011-10-20

打赏
举报

<!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>

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

<title>无标题文档</title>

<style>

.test,.test1{ float:left; border:1px solid #333333;}

</style>

</head>



<body>

<div class="test">

<div>111111111111111111</div>

<div>222222222222222222</div>

<div>333333333333333333</div>

<div>444444444444444444</div>

<div>555555555555555555</div>

<div>666666666666666666</div>

<div>777777777777777777</div>

</div>

<div class="test1">

<div>111111111111111111</div>

<div>222222222222222222</div>

<div>333333333333333333</div>

<div>444444444444444444</div>

</div>

</body>

</html>