首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

有办法竖着排其后换列吗

2013-08-04 
有办法竖着排然后换列吗?现在都是设定一个div宽度,然后float:left, 如果超出div的宽度换行从第二行继续排,

有办法竖着排然后换列吗?
现在都是设定一个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>





是这个意思么
[解决办法]
如果只用CSS样式自动排的话,应该是不可以实现,因为程序是从上而下读的
除非你用程序做判断那就可以实现了
[解决办法]
像是瀑布流,用js实现吧。

热点排行