1

This layout

I don't even know how to name it. "Fluid" or "liquid" columns seems to refer to simple dynamic heights. I made this one with and got two questions: is it possible to do it with raw HTML5/CSS3? Is it possible to make it work for 3, 4, ..., n columns?!

4

2 回答 2

2

我知道您想要实现这样的目标
您可以使用Masonry - 它是纯 JavaScript 并且还支持 jQuery
或 Isotope，它是一个 jQuery 插件。
这些插件的作者建议使用Isotope。

于 2013-06-20T21:30:19.880 回答
0

这完全取决于您将如何设置每个阅读框的高度。如果它依赖于内容，那么它只是一个具有流动宽度的 2 列布局。如果您要保持高度与宽度的比例，那么您将需要使用 js 进行数学运算并保持高度，或者使用 img 作为背景width:100%; height:auto; display:block并将内容position:absolute:放置在其顶部。

于 2013-06-20T21:21:13.440 回答