一、使用自动外边距实现居中
div{
width:960px;
margin:0 auto;
}
CSS中首选的让元素水平居中的方法就是使用margin属性—将元素的margin-left和margin-right属性设置为auto即可。在实际使用中,我们可以为这些需要居中的元素创建一个起容器作用的div。需要特别注意的一点就是,必须为该容器指定宽度!
二、使用text-align实现居中
text-align:center;
需要注意的是:该方法会将元素的所有子孙元素一并居中
三、易出错的方法
1、在html中使用center标签
<center>
要居中的内容
</center>
它的效果和text-align一样的,但是需要写在html代码中,不推荐,html5已将其废弃
2、align
align:center; align 作为标签属性使用,一般表格中应用较多。