css li 相互流动（附图片）答案

【问题标题】：css li flow around each other (image attached)css li 相互流动（附图片）
【发布时间】：2013-04-09 18:25:40
【问题描述】：

我正在开发我的笔记应用程序，但我遇到了布局问题。 Link to the screenshot of the layout.

根据数据库中的文本，每个框可能有不同的高度。每个盒子都是一个 LI（bootstrap span3 大小）。

目前的结构如下：

<ol>
 <li class="memPersonUnit clearfix span3">
  <div class="memPersonUnitContainer clearfix">

            THE CONTENT

  </div>
 </li>
</ol>

css 样式：

我应该如何更改我的 css 以实现我的目标？

如果我需要使用 PHP 计算，我应该如何进行？

【问题讨论】：

【解决方案1】：

除非您创建内容块的各个列，否则您实际上无法仅在 css 中实现这一点，但如果您动态添加内容，那将不会真正起作用。

实现你想要的最常见的方法是使用一个名为 Masonry 的 jQuery 插件。

【讨论】：