CSS样式居中的几个方法

1. 文字的水平居中

只要设置text-align属性：

text-align:center;

2. 容器的水平居中

先为该容器设置一个明确宽度，然后将margin的水平值设为auto：

div#container {

width:760px;

margin:0 auto;

}

3. 文字的垂直居中

单行文字的垂直居中，只要将行高与容器高设为相等。

比如，容器中有一行数字：

<div id="container">1234567890</div>

然后CSS这样写：

div#container {height: 35px; line-height: 35px;}

如果有n行文字，那么将行高设为容器高度的n分之一即可。