每三个帖子摘录都显示在自己的行上

Question

我想让这个页面上的摘录每行显示2个。然而，每三分之一出现在自己的路线上。不知道如何解决这个问题。这是页面： http://emgraphics.net/nsfm/category/photos/和css是：

.hentry {
    float: left;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    width: 45%;
}

有什么想法吗？谢谢！

Answer 1

它的宽度：45％* 3大于100％。 但是45％* 2小于100％，所以这应该有用。

您可能希望将每个主条目包装在另一个div中并浮动它。

Answer 2

修正宽度，删除边距。这些框需要明确的尺寸来维护网格布局，否则它们会流动。

#container {
    float: left;
    width: 713px;
}

#content { }

.hentry {
    float: left;
    height: 258px;
    margin: 10px;
    width: 335px;
}

Answer 3

您应该考虑使用display：inline-block而不是float： [http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/] [1]

或者，您可以在块上设置固定（最小）高度。