使内联块垂直对齐顶部?

时间:2012-08-09 10:29:49

标签: javascript html5 css3

很抱歉,如果其他人已经提出这个问题,但我还没有找到任何好的答案,或者我的问题是错误的。

无论如何,现在我有这样的事情:http://jsfiddle.net/2nvwU/2/

它应该做什么,但我不喜欢某些块之间的垂直间隙。 我可以尝试在所有方向上的块之间具有相同的间距,并在左上角有一个起点。因为块将是动态的。我猜测列是要走的路,但是如何从左到右加载三列中的块呢?

我想要这样的事情: http://www.googleventures.com/ 要么 http://dynamit.us/

2 个答案:

答案 0 :(得分:1)

试试Isotope。它是一个jQuery插件,它非常擅长做你想做的事。

答案 1 :(得分:0)

如果您的元素应该跨越两列,您有时会在布局中使用砌体或同位素。在这种情况下,您可以使用this simple plug in并将其更改为您的目的。否则,我同意Uzair。

或者 - 你“徒步”这样做,因为the dynamit code得到很好的评论和布局:D