元素居中方式汇总

一、使用自动外边距实现居中

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 作为标签属性使用，一般表格中应用较多。