WordPress标题标签不需要的空间答案

【问题标题】：WordPress Header Tag Unwanted SpaceWordPress标题标签不需要的空间
【发布时间】：2014-10-07 02:23:40
【问题描述】：

我正在尝试删除 WordPress 页面中不需要的空间。这是该页面的链接：http://lectorbookclub.com/current-conversations/。我正在尝试使用 CSS 来修复它，因为我只能编辑 CSS 和 HTML。

我使用 Firebug 收集了这段代码：

    <div id="content" role="main">
    <article id="post-12581" class="post-12581 post type-post status-publish format-                standard hentry category-fall-2013 category-uncategorized tag-end-of-year-post clear-fix">
    <div class="featured-image">
    <a href="http://lectorbookclub.com/2014/05/01/eng-202b-summary-post/" title="Permalink to Eng 202B Summary Post" rel="bookmark">
    <img src="http://s0.wp.com/wp-content/themes/pub/oxygen/images/archive-thumbnail-placeholder.gif?m=1335191815g" alt="" class="attachment-archive-thumbnail" scale="0"/>
    </a>
    </div>
    <header class="entry-header">
    <h1 class="entry-title">
    <div class="entry-meta">
    <span class="entry-date">
    <span class="byline">
    <span class="comments-link">
    <span class="edit-link">
    </div>
    </header>
    <div class="entry-summary clear-fix">
    <a href="http://lectorbookclub.com/2014/05/01/eng-202b-summary-post/"         title="Permalink to Eng 202B Summary Post" rel="bookmark" class="read-more">Read Article →</a>

【问题讨论】：

您必须向我们提供更多信息！什么是不需要的空间？
当我将鼠标悬停在 Firebug 中的空间上时，它指向
哪个空间？上、左、右、下？您希望它如何显示？
尴尬的空间在入口标题的右侧。它是左侧 [包含日期、作者姓名、发表评论] 和包含内容摘录的黑框之间的空格。
如何减少日期与其条目之间的差距？左边是日期（后面是作者和发表评论链接），右边是条目（在黑色背景框中）

标签： css wordpress header space

【解决方案1】：

您有几种选择，具体取决于您要如何处理。

我的第一个建议很简单，只是基于您分享的内容。（也就是说这并不意味着这是唯一的方法，或者最好的方法或干净的方法）

您可能希望通过添加右边距来调整您的 CSS 以将各个条目从右侧移动几个像素。

.entry-summary {
    margin-right: 45px;
}

或者您可能想在 .entry-header 中添加左边距

.entry-header {
    margin-left: 15px;
}

还有其他各种选择。希望这会有所帮助。

_{（以后尽量简明扼要。提出您的问题，并附上所有需要的细节，以便其他人理解，这样您就可以更快地收到答案，并且其他人可能更有动力提供帮助！）}

【讨论】：

我尝试更改页边距，但问题似乎不在这些标签范围内。它似乎在
标记中，该标记环绕 entry-header 和 entry-summary。
我混合了编辑文章标签和 entry-header 的左边距。之前，我正在更改入口元边距。谢谢队长！

【解决方案2】：

在您的 CSS 样式表中：

#page {max-width: 960px; }

将 960px 替换为您想要的任何大小。

【讨论】：

它用于
标记中名为 entry-header 的类。不过谢谢！
但是您希望包含日期、作者姓名等的
框出现在何处以及如何显示？向左飘？排队？有太多方法可以做到这一点，而且你不是很具体。
保持原样就好了。只是作者姓名/日期/评论与黑色背景中的条目之间的差距。

【解决方案3】：

好的，我意识到它与文章标签（包含日期和条目）有关。我玩弄了 CSS 中文章标签的宽度，这似乎就是答案。非常感谢大家关注这个问题！

【讨论】：

【解决方案4】：

我会考虑让 entry-header 中的文本右对齐。

header.entry-header { text-align: right; }

我不知道您的主题中如何使用 header.entry-header，但在您提供的页面上，这可能会产生您正在寻找的对齐方式。

【讨论】：