相关文章
Dreamweaver MX中文版建站攻略(十三)
全球15个顶级技术类博客
评论:大学生应该学习哪些电子知识中华...
网页设计采集新闻时,自动添加关键字
北京网页设计给网页文字加上即时提示
北京网站制作个性化表单五技巧
企通互联DreamweaverMX打造留言本(五)
北京网站制作Flash MX 2004 项目管理
企通互联FLASH8新功能体验:第三章绘图 4.打孔
网站建设用好href的target属性
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置:首页 >> 网站制作 >> 网站制作网站建设使 DIV 在浏览器窗口中水平垂直居中
网站制作网站建设使 DIV 在浏览器窗口中水平垂直居中
<div style="position:absolute; top:50%; left:50%; margin:-200px 0 0 -275px; width:550px; height:400px">内容。图片文字flash等。请注意,div宽度高度以及margin负值需针对内容进行相应设置</div>网站建设
北京网站制作
说明:企通互联
企通互联
绝对定位div 网页设计企通互联
position:absolute;北京网站制作 北京网站设计
网站制作
顶部和左边距企通互联
top:50%; left:50%;网站设计
网站制作北京网站建设
使用外补丁 margin 负值,负值大小为层自身高度宽度各除以二网站建设
margin:-200px 0 0 -275px; 企通互联北京网页设计
网站制作
测试环境:北京网站设计
IE6北京网站制作
Mozilla 2.0.0.5网站建设 北京网页设计
Opera 9.22网站建设 北京网站制作
Netscape 9.0b1网站建设 网站建设
Safari for Windows 3.0.2北京网站设计
网站制作
附:使用此方法有个 bug,当浏览器窗口小于 www.qitongnet.com div 时,顶部和左部内容会有所隐藏。