我怎样才能使用Divs

我的文本居中我有这段代码，它运行良好。页脚信息在我的屏幕中间的底部：我怎样才能使用Divs

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>

现在我的文字是向左，而不是在中心。有没有人有任何想法如何让它回到中心？

戴夫

来源

2011-05-04 Dave Heart

人太多太快之前i型格的宽度答案.. :) – Vijay 2011-05-04 08:38:57

你的意思是这样的？：http://jsfiddle.net/jomanlk/DHA9A/

你只需要添加text-align到center

div#footercenter {text-align: center}

来源

2011-05-04 08:33:14 JohnP

非常感谢 – 2011-05-04 09:10:01

应该是如此简单：

#footercenter { 
    text-align:center; 
}

但是你可能需要这样做，以及如果你有其他风格的干扰：

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

来源

2011-05-04 08:32:57

尝试

div#footercenter { 
    text-align:center; 
} 

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

来源

2011-05-04 08:33:26 DanielB

一个<div>是应该用来定义元素的集合，而不是明确针对文本内容的块元素。您的标记没有任何问题，但是您已经设置了div，然后显示：inline，这意味着它们只占用其内容的宽度。默认情况下，divs也会聚集在左边。

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

请参阅以下内容;

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

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

来源

2011-05-04 08:36:03

重写你的footercenter类作为

div#footercenter {text-align:center;}

来源

2011-05-04 08:37:43 Vijay

设置你想要的text-align属性应用到，然后分配text-align : center.

来源

2011-05-04 08:40:39

我怎样才能使用Divs

回答

相关问题