CSS 居中水平居中

div {margin-left: auto; margin-right: auto; }
div自己调整左右margin间隔的距离以达到水平居中的效果，可以简写为 div { margin:0px auto; }如果调整 margin-top 或者 margin-bottom 就会失去CSS居中的水平居中效果。

另外如果div还没有指定宽度（可以是相对的大小），这种CSS居中写法也起不到应有的效果，解决办法是为这个div指定一个width宽度，例如： width:auto; 或者 width:50% 之类的。
同时，你的页面类型即document type必须声明为xhtml。

假如你在IE和FireFox两个浏览器中看起来不一样，你最好采用 text-align:center; 和 margin 两个CSS居中一起设置的方法。

 CSS垂直居中

图片在DIV 中垂直居中，通过{no-repeat center;}设置。

文本在DIV中垂直居中

vertical-align:middle;表示行内垂直居中。