html - 如何对齐 div 块以在网格中对齐？

Question

我需要DIV有一些数据的块。由于内容不同，块具有可变高度。我需要将 div 块对齐两个。由于块的高度不同，剩余的“可用空间”。如何对齐这些块以便正确对齐？数据来自 JSON 请求，因此制作表格似乎：1. 使用 JS 制作网格更棘手（连续 2 个元素） 2. 过时（？）。你会推荐什么？

CSS：

.book-details{
              float:left;
              display:block;
              border-style:solid;
              border-width:1px;
              padding: 2px 2px 2px 2px;
              border-color:gray;
              width: 450px;
              display: table;
}

图片：

Answer 1

IE7 及以下没有显示：表，对于 IE8，您必须使用 html5 doctype，即 9 可以工作。

最好避免它并漂浮。记住你的盒子模型。你的宽度实际上是 456px 那么父母的宽度是多少？

而且，如果您只是跨过 2 次，则应该在两次之后清除浮动。

您可以设置一个足够高以容纳最长 div 的高度。您要提取的内容似乎很容易估算。