div absolute 居中
程序员文章站
2022-07-09 09:31:18
...
很多情况下,我们需要在网页上弹出dialog,需要水平垂直居中。而且可以做到自动适应窗口变化
对于页面绝对定位,垂直居中
对于页面绝对定位,水平居中
原文链接地址:http://www.jquery001.com/jquery-plugin-center-object-exactly.html
对于页面绝对定位,垂直居中
var h = $(this).height(); var oh = $(this).outerHeight(); var mt = (h + (oh - h)) / 2; $(this).css("margin-top", "-" + mt + "px"); $(this).css("top", "50%"); $(this).css("position", "absolute");
对于页面绝对定位,水平居中
var w = $(this).width(); var ow = $(this).outerWidth(); var ml = (w + (ow - w)) / 2; $(this).css("margin-left", "-" + ml + "px"); $(this).css("left", "50%"); $(this).css("position", "absolute");
原文链接地址:http://www.jquery001.com/jquery-plugin-center-object-exactly.html
上一篇: Android 源码的编译
下一篇: Lucene多字段搜索