1

我有一个简单的图像列表，其中每个<li>元素都具有内部强制的相同静态高度.container。然而，选定的元素可以高出 2（或 3）倍

我试图通过使用display:inline-block但选定的元素将下一行推低 http://jsfiddle.net/HedZK/1/

或者float:left工作得更好但还不够，一些元素仍然被推低 http://jsfiddle.net/HedZK/2/

有没有办法正确地做到这一点？

我都不想使用position:absolute，因为<table>它会导致响应式设计崩溃

4

2 回答 2

2

仅使用 css 无法解决此问题。您应该查看一些基于 js 的解决方案，例如http://isotope.metafizzy.co/

于 2013-07-25T15:04:21.497 回答
0

我想请检查你的代码，以免它说：

<div class="container" style=" height: 200px ">
                <img src="" alt="">
            </div>

我认为 height: 200px引起了问题。移除高度：200px

于 2013-07-25T15:29:22.843 回答