如何使这个布局在CSS？ [英] How to make this layout in CSS?

问题描述

此布局

我甚至不知道如何命名它。 流体或液体列似乎指简单的动态高度。我做了这个和有两个问题：是可能做到与原始HTML5 / CSS3吗？是否可以使它适用于3，4，...，n列？

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?!

推荐答案

实现类似此的功能

您可以使用 Masonry - 这是纯JavaScript&也支持jQuery
或
Isotope 这是一个jQuery插件。

这些插件的作者建议使用同位素。

I understand that you want to achieve something like this
You can use Masonry - which is pure JavaScript & also supports jQuery
or Isotope which is a jQuery Plugin.
Author of these plugins suggests to use Isotope.

这篇关于如何使这个布局在CSS？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！