Question

我有这个代码，它运作良好。页脚信息位于屏幕中间的底部：

div#footercenter p { font-size: 0.9em; }

<div id="footercenter">
  <p>&#169; XXXX </p>
</div>

我想将其更改为：

div#footercenter {}
div#footer-message { font-size: 0.9em; color: #EEEEEE;  display: inline;}
div#footer-copyright { font-size: 0.9em; color: #EEEEEE; display: inline; }

<div id="footercenter">
  <div id="footer-copyright">xxx</div>|
  <div id="footer-message">yyy</div>
</div>

现在我的文字在左边而不在中间。有谁知道我怎么能让它回到中心？

戴夫

Answer 1

你是说这个意思吗？：http://jsfiddle.net/jomanlk/DHA9A/

您只需将text-align添加到center

即可

div#footercenter {text-align: center}

Answer 2

应该这么简单：

#footercenter {
    text-align:center;
}

但如果您有其他风格干扰，您可能也需要这样做：

#footercenter div {
    float:none;
    display:inline; /* or inline-block */
}

Answer 3

<div>是一个块元素，应该用于定义元素集合，而不是显式地用于文本内容。您的标记没有任何问题，但您已将div设置为显示：内联，这意味着它们只占用其内容的宽度。默认情况下，div也会向左聚集。

更好的方法是在2个span元素中包含文本，然后简单地将父div的text-align属性设置为center。

见以下内容;

div#footercenter { font-size: 0.9em; color: #EEEEEE; text-align:center; }

<div id="footercenter">
  <span>xxx</span>|
  <span>yyy</span>
</div>

Answer 4

尝试

div#footercenter {
  text-align:center;
}

<div id="footercenter">
  <span id="footer-copyright">xxx</span>|
  <span id="footer-message">yyy</span>
</div>

Answer 5

将您的footercenter类重写为

div#footercenter {text-align:center;}

Answer 6

设置要应用text-align属性的div的宽度，然后指定text-align : center.

如何使用Divs将文本居中

6 个答案: