1

如果您查看我的测试站点，您将看到一个 WordPress 站点。在主页上，有一个包含 9 个帖子的“工具箱”部分。我希望布局为 3 x 3，但它显示为 3/1/3/2，并且没有明显的原因。

如果我将一行 html 更改为测试字符串，那么它们确实显示为 3 x 3。该行显示的是帖子摘录，并且我看不到任何额外的格式。

从 HTML 来看，这两个不同的页面是相同的。两者都有一个

<p>some text here</p>

我尝试过短测试数据、长测试数据等，一切看起来都很好。就在我使用“get_the_excerpt();”的时候 然后布局被丢弃。

我曾尝试使用 F12 开发工具，但我看不出问题出在哪里。

4

1 回答 1

0

在 .blog-post 的 css 中，您需要设置一个高度。那是因为您激活了浮动属性并且它们具有不同的高度，因此它将它们放在适合的位置。

我查看了您的代码，我相信 200px 的高度就足够了。但是您可以根据需要更改它。干得好：

.blog-post {
    float: left;
    width: 274px;
    height: 200px;
    margin: 0px 69px 60px 0px;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
}

对此还有其他解决方案。就像将它们中的每 3 个放在一个 div 中，或者用它们制作一个表格，其中 3 个在一行上，宽度为 100%，并且 text-align 属性设置为 center。

于 2013-10-20T21:04:05.737 回答