Html 这种布局叫什么？

我希望有人能说出这种裁员叫什么？

我的意思是，这些盒子排列得很漂亮，没有多余的空间。我甚至看到过一些网站，如果其中一个盒子被放大或是其他什么的话，它们会重新排列

那么，这是如何做到的？它仅仅是纯CSS，通过浮动或其他方式，还是涉及javascript等

提前谢谢。

这叫

砌体是一个JavaScript网格布局库。它通过放置 基于可用垂直空间、排序处于最佳位置的元素 就像泥瓦匠在墙上装石头一样。你可能在电视上看到过 在互联网上使用

我希望这就是你要找的东西。

这叫

砌体是一个JavaScript网格布局库。它通过放置 基于可用垂直空间、排序处于最佳位置的元素 就像泥瓦匠在墙上装石头一样。你可能在电视上看到过 在互联网上使用

我希望这就是您想要的。

pinterest布局

如果你只想使用CSS，这里有一个很不错的例子

从无序列表开始：

<div id="container">
  <ul id="myContent"> 
      <li><img src="image1" alt=""></li>
      <li><img src="image2" alt=""></li>
     <li><img src="image3" alt=""></li>
     <li><img src="image4" alt=""></li>
     . . .
    </ul>
</div>

这里有一个JSFIDLE，它可以工作：

pinterest布局

如果你只想使用CSS，这里有一个很不错的例子

从无序列表开始：

<div id="container">
  <ul id="myContent"> 
      <li><img src="image1" alt=""></li>
      <li><img src="image2" alt=""></li>
     <li><img src="image3" alt=""></li>
     <li><img src="image4" alt=""></li>
     . . .
    </ul>
</div>

---

这里有一个jsfiddle与它一起工作：

它被称为

层叠网格布局

，使用

CSS

和

JavaScript

，更多信息请参见

它被称为
层叠网格布局
，使用
CSS
和
JavaScript
，更多信息请参见
这是典型的METRO风格，在本例中，每个元素称为TILES，由microsoft在Windows 8中启动。这是一种典型的METRO样式，在本例中，每个元素称为TILES，由microsoft在Windows 8中启动