Div 不在 WordPress 中居中答案

【问题标题】：Div not Centering in WordPressDiv 不在 WordPress 中居中
【发布时间】：2013-07-16 03:52:21
【问题描述】：

我试图让一个 div 居中在页面上。但是 WordPress 并没有像我在测试 HTML 文档中那样合作和执行它。有什么想法吗？

HTML

<div class="propreq grid_4"><h2>Request a Proposal</h2></div>

CSS

.propreq {
    margin: 0 auto;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 10px;
    background-color: #0e7bd0;
}

【问题讨论】：

【解决方案1】：

看起来是因为几件事。尝试将以下样式添加到您当前的定义中（或更改它们，如果它们已经存在）：

.propreq {
    display: block;
    float: none;
}

之前，.propreq 对其应用了display:inline, float:left，从而使您应用的样式无效。我希望这能给你你想要的东西！如果没有，请告诉我，我很乐意提供进一步的帮助。祝你好运！

【讨论】：

【解决方案2】：

可能有几个原因。

第一个：尝试使用开发者工具（在 Chrome/FireFox 中）检查 CSS。可能还有另一条 CSS 规则会覆盖您的这条规则。

第二个：尝试使用

<div align="center" class="propreq grid_4"><h2>Request a Proposal</h2></div>

我最好的猜测是，另一个 CSS 规则正在超越中心属性。

.propreq {
margin: 0 auto;
text-align: center;
padding-top: 20px;
padding-bottom: 10px;
background-color: #0e7bd0;
}

提示：快速搜索“使用 FireFox 开发人员工具进行检查”|查看.propreq 部分中的~~text-align: center;~~。

【讨论】：