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

【问题标题】：How do I text-align:center php echo text in Firefox?如何在 Firefox 中进行文本对齐：居中 php 回显文本？
【发布时间】：2010-10-30 17:47:02
【问题描述】：

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

代码如下：

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

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

【问题讨论】：

你的 CSS 是什么样的？还有你为什么用&nbsp;？
截图会有帮助。
对不起-我认为 css 是不言自明的 h2.copyright{ font-family:Verdana, Arial, Helvetica, sans-serif;字体大小：13px；颜色：#000000;字体粗细：粗体；文本对齐：居中；我想我可以截屏——但基本上在 FF 和 Safari 中，文本向左移动了大约 4 个字符。我试过nbsp；看看它是否有所作为 - 它没有
浏览器看到的实际 HTML 是什么？
© 2009 - 2010 Monkey Mind Manager（beta 1.1）

标签： php firefox safari css echo

【解决方案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 的 CSS 规则中：

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

【讨论】：

很抱歉造成混乱。这已经在 CSS 中了。由于某种原因，似乎没有考虑回声文本

【解决方案2】：

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

【讨论】：

【解决方案3】：

好的。我修复了它 - 答案太愚蠢了，无法在这里发布......

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

【讨论】：

【解决方案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;
}

【讨论】：

【解决方案5】：

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

【讨论】：

© 2009 - 2010 Monkey Mind Manager（beta 1.1）