在开发的项目中,首页的用户登录框想在页面的正中央显示,但测试时发现只能左右居中,不能上下居中。
经研究发现,IE中将BODY加上高度100%即可,但在非IE中还是不能上下居中。要把HTML也加上高度100%就可解决问题。
<style type="text/css">
html,body {height:100%;}
</style>
本文探讨了在开发项目时遇到的难题:如何使页面元素在不同浏览器中实现上下居中。通过研究并应用CSS样式技巧,特别是针对HTML和BODY元素设置高度为100%,成功解决了跨浏览器兼容性问题。
在开发的项目中,首页的用户登录框想在页面的正中央显示,但测试时发现只能左右居中,不能上下居中。
经研究发现,IE中将BODY加上高度100%即可,但在非IE中还是不能上下居中。要把HTML也加上高度100%就可解决问题。
<style type="text/css">
html,body {height:100%;}
</style>
704
1958
4211

被折叠的 条评论
为什么被折叠?