当padding-left和margin-left规则设置为零时,为什么内容居中?

时间:2014-01-12 11:02:42

标签: html css wordpress

在Wordpress主题中,帖子内容被证明是父图层的中心。问题是我不知道如何在左边证明这一点。以下是相关HTML的示例:

<div id="content" role="main">
  <div id="post-329" class="post-329 news type-news status-publish hentry category-house category-techno has-post-thumbnail">
      <div class="notice-content">...</div>
  </div>
</div>

这就是我用Firebug看到的:

|图层| ====&GT; |计算财产|

| #content | =&GT; | margin-left:121px | &安培; | padding-left:0 |

| #post-329 | =&GT; | margin-left:0 | &安培; | padding-left:0 |

| .notice-content | =&GT; | margin-left:0 | &安培; | padding-left:0 |

且没有text-align属性。但每个帖子内容都集中在一起。

¿什么可以做的帖子有理由中心以及如何避免它?

修改

终于找到了问题。 hentry班级有margin: 0 auto;。这会导致内容居中。我仍然不明白的原因是为什么Firebug将margin-left表示为0px,实际上它是auto而不是零。

0 个答案:

没有答案