CSS网页居中对齐的两种方法

Update:2011-10-28 Comments: 0 Views:604

大家都知道，现在的网页居中显示很流行了的，国内的大部分大型门户网站都是居中显示，而不在是原来的全屏幕显示的。在网上有人说居中的布已局在网页两侧留有空白，更有美感的。好了，不啰嗦了，现在说说让网页居中显示的两种方法吧。

一、自动空白边

空白边也就是我们时说的边距，不过IE6及早期版本并不支持空白边法，所以要加入居中对齐，整个的代码如下：

html { width: 960px; margin: 0 auto; text-align: center;}
另
#wraper { text-align:left}

二、相对定位加负空白边法

这种方法不需要考虑IE6及早期版本，代码如下：

#wraper { position:relative; left:50%; width: 960px;margin-left:-480px;}

之前只会第一种方法，呵呵，现在又多了一种方法，以后也就有选择了。如果大家在测试代码的时候出现了什么问题欢迎留言。