5

我想并排对齐 div，但高度不相等，这导致 div 的第一行高度较低的 div 和第二行的 div 之间有一个空格。

我要这个：

而不是这个：

4

3 回答 3

1

我会使用 3 个 div（我们称它们为 AB 和 C）作为列

这些将有 style="float:left;width:32%;" * 笔记宽度可以小于 32%，可以设置为 px

A 将包含 1 和 4，而 B 将包含 2 和 5。最后 C 将包含 3 和 6。

绝对不需要插件，它可以（并且目前由我）单独使用 css 完成。

于 2013-08-08T22:25:29.107 回答
0

你不能单独使用 CSS 来做到这一点，除非你愿意绝对定位每个 div，这并不好玩。

其他选项包括

  • 将每一列分组到一个单独的 div 中
  • 使用 JavaScript，例如 Masonry 之类的脚本
于 2013-08-08T22:30:22.260 回答
-2

用于margin-top: -20px;div 4 和 div 6...

-20 当然是例子

于 2013-08-08T22:34:18.757 回答