易网时代-编程资源站
Welcome
首页
/
脚本样式
/
CSS
/
图片垂直居中之姊妹 DIV垂直居中
最后感谢raozou分享效果代码！
<style type="text/css"></style>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
说明:这段代码没有文档类型和命名空间的申明,我已试过,如果加上,蓝色方快儿将位于顶部且一部分
被浏览器隐藏,大家可以试试！此外,FF不支持expression.
<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>DIV垂直居中</title> <style type="text/css"> #menu {position: absolute;top: 50%;left: 50%;margin-top: -25px;margin-left: -150px;color:blue;width: 300px;height: 50px;border:solid 1px gray; } </style> </head> <body> 页面水平垂直居中 </body> </html>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>DIV垂直居中</title> <style type="text/css"> #menu {position: absolute;top: 50%;left: 50%;margin-top: -25px;margin-left: -150px;color:blue;width: 300px;height: 50px;font-weight:bold;border:solid 1px gray;line-height:50px;font-size:20px; text-align:center; } </style> </head> <body> 页面水平垂直居中 </body> </html>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
版权所有©石家庄振强科技有限公司2024
冀ICP备08103738号-5
网站地图
易网时代-编程资源站
易网时代-编程资源站