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

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

一、自动空白边

空白边也就是我们时说的边距,不过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;}

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

声明: 未经本站许可,谢绝转载!

0 个主题帖 其中:热心观众:0 个, 管理员:0 个

抱歉,评论被关闭