有办法竖着排其后换列吗
日期：2014-05-16 浏览次数：20752 次
有办法竖着排然后换列吗？
现在都是设定一个div宽度，然后float:left， 如果超出div的宽度换行从第二行继续排，
那么如果设定一个div宽度是auto,高度固定，让他竖着排，如果超出DIV高度让他换到第二列继续排，有没有办法实现啊？求助！！！！！！
------解决方案--------------------
没看懂，有代码么？
------解决方案--------------------
是这个意思么
------解决方案--------------------
如果只用CSS样式自动排的话，应该是不可以实现，因为程序是从上而下读的
除非你用程序做判断那就可以实现了
------解决方案--------------------
像是瀑布流，用js实现吧。
现在都是设定一个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实现吧。
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
