以前经常为DIV居中而烦恼,以致于长用绝对定位来解决居中的问题,这样的居中只能保持在同一分辨率和同样大小的窗口中,如果换了分辨率就会出现长长的滚动条,很是影响美观。而且在IE和FF下也容易出现不同的效果。
正好在蓝色看到可一个方法,很是简单,但很实用,最主要的是在FF和IE都可以显示的一样,在也不用为兼容而头疼了!
具体方法:
1.给body添加text-align:center
2.给header添加margin:0 auto;
例如:
*{margin:0px;padding:0px;}
body {text-align:center;}
#header {margin:0 auto;text-align:left; width:600px;background:#0CF;}
然后在DIV的地方调用 id="header",就这简单!
[][/]
评论 (2)
谢谢你的代码。帮大忙了。
由 匿名 | 2008年10月 7日 21:18
发表于 2008年10月 7日 21:18
呵呵。有用就好,有用就好
由 CGI.NET | 2008年11月14日 20:57
发表于 2008年11月14日 20:57