船长 发表于 2009-02-27 11:20 | 分类:css | 阅读数:1,081 次
在制作网站时经常需要使页面内容在水平和垂直方向上都居中,下面通过CSS来实现,原理很简单:将left和top设置为50%来定位div到浏览器中央,再将margin-left和margin-top值设置为宽和高的一半,使div居中显示
<style> #warp { position: absolute; width:500px; height:200px; left:50%; top:50%; margin-left:-250px; margin-top:-100px; border: solid 3px red; } </style> <body> <div id=warp>Test</div> </body>
提示:你可以先修改部分代码再运行。
您的网名: * 必填
电子邮件: * 绝不会泄露
个人主页:
评论内容:
(Ctrl+Enter快捷回复)
web集结号致力于