首页 > 网络编程 > JavaScript > javascript技巧 > Div上下居中 2007-02-13 00:00:00 作者： Div上下居中 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <title>Div上下居中－www.51windows.Net</title> <head> <meta name="keywords" content="51windows.Net"> <meta http-equiv=content-type content="text/html; charset=gb2312"> </head> <body> <div style="position: absolute; top: 200; left: 0; width: 300; height: 200;border: 1 solid #C0C0C0;"> <div style="border: 1 solid red;position: absolute;top:expression((this.parentElement.offsetHeight-this.offsetHeight)/2);left:expression((this.parentElement.offsetWidth-this.offsetWidth)/2);">我站在中央了 center</div> </div> <div style="border: 1 solid #C0C0C0;"> <div style="border: 1 solid red;position: absolute;top:expression((this.parentElement.offsetHeight-this.offsetHeight)/2);left:expression((this.parentElement.offsetWidth-this.offsetWidth)/2);">我站在中央了 center</div> </div> </body> </html> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 您可能感兴趣的文章:文字或图片元素在DIV中垂直居中CSS如何使DIV层居中让2个DIV居中并排显示用js 让图片在 div或dl里 居中，底部对齐JS弹出居中的DIV的代码基于jQuery实现的水平和垂直居中的div窗口jquery div 居中技巧应用介绍Js制作简单弹出层DIV在页面居中 中间显示遮罩的具体方法浮动的div自适应居中显示的js代码JS实现div居中示例完美实现浮动元素横排居中显示
