Nick's Blog

CSS如何让DIV居中却不影响文字

本篇介绍如何使用CSS让DIV居中,却不影响文字。

在CSS中,text-align是在规定文字是否居中。

例如:

<div id=”content”>

This is a div test block

</div>

如果你的CSS设置成

text-align: center;

则你的文字同样也会居中。但是如果你使用以下的CSS,就会保证你div宽度一定,且居中。

.content {
width: 900px ;
margin-left: auto ;
margin-right: auto ;
}