Question

我一直在思考这个问题大约3-4个小时，并且无法解决这个问题。我一直在关注This Feed并尝试将其复制到我正在处理的wordpress博客上，我已经查看了许多Jquery插件，但似乎没有人将它们排成行 - 任何对此的帮助将非常感激。

我遇到的问题是，上面链接上的Feed有一个可爱而漂亮的布局，但它没有像Pinterest一样级联，敏锐的眼睛可能会发现每一行都完全对齐并且一切都开始了在同一位置并在同一位置结束，但图像是可变高度。

TL; DR

想要与提供的链接类似的Feed。
静态行高
行内可变图像高度。

任何帮助都会很棒。

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

饲料风格与此类似

1 个答案: