<分区>
我有一个包含数千个 li 项的 ul 列表。发生的情况是我有一个固定宽度但高度可变的 li,具体取决于其中的内容,例如评论、图像等。
现在我的列表水平流动通过用户的屏幕并转到新行。然而,问题是下一行的第一个 li 并没有坐在前一行的第一个 li 旁边,而是占据了前一行最长的 li 并保持在它下面。
例如,http://oi47.tinypic.com/21kgqkw.jpg
这可以做到吗?
根据 Chris 的要求更新 1: 请看我的图片你就明白了。基本上,所有的 lis 都需要从一行到另一行在垂直方向上彼此靠近
最佳答案
没有简单的方法可以像在纯 html/css 中那样实现垂直流,但是有一个 jquery 插件可以做类似的事情。你应该看看 Masonry
关于html - 定位不同长度的列表项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11417512/