jquery - Feed Style 类似于此

Question

我已经思考了大约 3 到 4 个小时，但不知道该怎么做。我一直在看This Feed并尝试将它复制到我正在处理的 wordpress 博客中，我查看了许多 Jquery 插件，但似乎没有一个能将它们排成一排 - 对此的任何帮助将不胜感激。

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

长话短说

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

任何帮助都会很棒。

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，但表格最适合这种事情。