css - Div 不在 WordPress 中居中

Question

我试图让一个 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;
}

score 2 · Accepted Answer

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

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

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

score 0 · Accepted Answer

可能有几个原因。

第一：尝试使用开发者工具（在 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 开发者工具进行检查”| 查看~~text-align: center;~~in.propreq部分。

2 回答 2