如何用ul，li，css实现以下排列？

高度自增，内容多了就增长

2025-02-23 19:51:05

推荐回答（5个）

回答1：

你这个是瀑布流布局啊，有很多jquery插件可以方便实现的，给你一个推荐网址
http://www.inwebson.com/jquery/blocksit-js-dynamic-grid-layout-jquery-plugin/

回答2：

ul style="width:800px;">
li style="width:200px;float:left">aaaaaaali>
li style="width:200px;float:left">bbbbbbbli>
li style="width:200px;float:left">cccccccli>
li style="width:200px;float:left">dddddddli>
li style="width:200px;float:left">eeeeeeeli>
li style="width:200px;float:left">fffffffli>
li style="width:200px;float:left">gggggggli>
li style="width:200px;float:left">hhhhhhhli>
li style="width:200px;float:left">iiiiiiili>
li style="width:200px;float:left">jjjjjjjli>
ul>
ul style="width:800px;"> li style="width:200px;float:left">aaaa... css ul li 如何实现横向排列 1 2009-6-22 怎么用DIV+css-ul-...

回答3：

这个只用css来实现，估计难以实现。一般都是用瀑布流的插件。比较常用的是这个jquery的插件masonry。
官网http://masonry.desandro.com/

回答4：

这个用div来做害怕要好弄些哦

回答5：

瀑布流吧