大家都知道,现在的网页居中显示很流行了的,国内的大部分大型门户网站都是居中显示,而不在是原来的全屏幕显示的。在网上有人说居中的布已局在网页两侧留有空白,更有美感的。好了,不啰嗦了,现在说说让网页居中显示的两种方法吧。
一、自动空白边
空白边也就是我们时说的边距,不过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;}
之前只会第一种方法,呵呵,现在又多了一种方法,以后也就有选择了。如果大家在测试代码的时候出现了什么问题欢迎留言。