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

只需向style添加H2属性：

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

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

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

Answer 2

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

Answer 3

行。我修好了 - 答案太愚蠢了，不能在这里发帖......

...哈哈版权区上方的框不是在ff和safari中居中，但在IE中是正确的。 :-D

Answer 4

你可以尝试

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;
}

Answer 5

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

我如何在Firefox中进行文本对齐：中心php echo文本？

5 个答案: