类似于此的饲料样式

Question

我已经思考了3-4个小时了，我无法思考该如何去做。我一直在查看这个饲料，并试图将其复制到我正在开发的wordpress博客中，我已经查看过无数的Jquery插件，但似乎没有一个插件能将它们一排排地保存下来--如果能对此提供任何帮助，我将不胜感激。

我遇到的问题是，上面链接上的提要有一个可爱而漂亮的布局提要，但它并不像Pinterest那样层叠，一个敏锐的眼睛可能会发现每一行都是完全对齐的，并且都是从相同的位置开始和结束在相同的位置，但是图像是不同的高度。

TL;DR

• 想要一个类似于提供的链接的提要。
• 静态行高
• 可变的图像高度内行。

任何帮助都会很好。

Answer 1

最好的方法是做一张桌子。

<table>
    <tr> //a table row
        <td>CONTENT</td>
        <td>CONTENT</td>
        <td>CONTENT</td>
    </tr>
</table>

那么对于CSS：

table {
    position:relative;
    table-layout:fixed;
    width:100%;
    margin:1em auto 1em auto;
}
td {
    border-color:transparent;
    width:20%;
    height:450px;
    padding:0;
    margin:5
}

您可以使用CSS，但对于这类事情来说，表是最好的。