php - 如何在 Firefox 中进行文本对齐：居中 php 回显文本？

Question

我在这里其他任何地方都没有看到这个问题的答案。

这是代码：

<div class="copyright">
<h2 class="copyright unselectable" onselectstart="return false">
&copy;&nbsp;2009&nbsp;-&nbsp;<?=date("Y") ?>&nbsp;<?=PROJECT_NAME?>
</h2>
</div>

它在 IE 中对齐，但不是 FF 或 Safari。似乎没有考虑回显文本的间距？

谢谢！

编辑：添加那里的css：

div.copyright h2.copyright{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:13px;
  color:#000000;
  font-weight:bold;
  text-align:center;
}

第二次编辑：好吧，我只是用相同的结果对文本进行了硬编码……所以这不是像我这样的回声问题。我将不得不更深入地研究这一点。

Answer 1

OK. I fixed it-and the answer is too stupid to post here...

...haha The box above the copyright area was not centering right in ff and safari but was right in IE. :-D

Answer 2

尝试给 h2 一个宽度。如果您使用的是重置样式表，则它的默认样式可能已被覆盖。如果 h2 不比它的文本宽，那么看起来文本没有居中。

Answer 3

只需添加一个style属性H2：

<h2 class="copyright unselectable" onselectstart="return false" style="text-align:center">
&copy;&nbsp;2009&nbsp;-&nbsp;<?=date("Y") ?>&nbsp;<?=PROJECT_NAME?>
</h2>

或者更好的是，将该属性添加到您的 CSS 规则中.copyright：

.copyright {
    text-align: center;
    /* … */
}

Answer 4

您发布的代码示例似乎与 Firefox 和 Safari（在 Mac 上）中的中心正确对齐。要使用的正确 CSS 是text-align: center;. 围绕那段代码的 HTML 和相关的 CSS 是什么？可能还有其他原因导致文本看起来不居中。

Answer 5

你可以试试

div.copyright h2.copyright{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:13px;
  color:#000000;
  margin:0 auto;
  font-weight:bold;
  text-align:center;
}