css - 如何在我的 WordPress 网站页脚内的“最近的帖子”小部件上消除不需要的左边距？

Question

我有 Agent Ransack，一个很酷的工具，可以在许多文件中进行大规模搜索。现在，我的 WordPress 网站页脚中有四个小部件，但它们没有对齐。我发现有 20px 的左边距导致了这个，它被应用于我的最近的帖子小部件（标记为新闻，但这无关紧要）。无论小部件的顺序如何，这个特定的小部件总是有 20 像素的左边距。

我已经使用我的程序搜索margin-left: 20px,left: 20px等。我什至尝试删除这些引号中的空格。他们返回了结果，我搜索了每一个，但没有任何相关的......我什至尝试搜索20px并浏览所有与边距相关的样式。没有什么相关的。

我只是错过了它，还是随机左边距根本不在我的主题文件中？其他小部件是文本、搜索和自定义菜单 - 但这些小部件实际上是无关紧要的，因为它总是有这个左边距的新闻。

希望有人能给我一些建议——在这种情况下，你会怎么做？

Answer 1

你可以检查一下.widget_container_mini。当 css 使用display:inline-block时，你可以看到像块一样的每个块，但它处理的是内联元素。所以浏览器会在行内元素之间自动间隔作为文本。（您可以考虑文本换行）。

如果要删除该边距，可以使用以下样式：

.widget_container_mini {
    float: left;
    vertical-align: top;
    overflow: hidden;
    padding: 30px 20px;
}