有办法竖着排然后换列吗?
现在都是设定一个div宽度,然后float:left, 如果超出div的宽度换行从第二行继续排,
那么如果设定一个div宽度是auto,高度固定,让他竖着排,如果超出DIV高度让他换到第二列继续排,有没有办法实现啊?求助!!!!!!
[解决办法]
没看懂,有代码么?
[解决办法]
<!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 type="text/css">
* {
margin:0px;
padding:0px;
}
.main {
margin:0 auto;
width:200px;
overflow:hidden;
background:#FFC;
}
.main div {
float:left;
width:auto;
border:#000 1px solid;
height:200px;
}
div b {
font-size:20px;
}
</style>
</head>
<body>
<div class="main">
<div> <b>1111111111111111111111</b> </div>
<div> <b>2222222222222222222222</b> </div>
<div> <b>3333333333333333333333</b> </div>
<div> <b>4444444444444444444444</b> </div>
<div> <b>5555555555555555555555</b> </div>
<div> <b>6666666666666666666666</b> </div>
</div>
</body>
</html>