div absolute 居中

很多情况下，我们需要在网页上弹出dialog，需要水平垂直居中。而且可以做到自动适应窗口变化

[b]对于页面绝对定位，垂直居中[/b]

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");

[b]对于页面绝对定位，水平居中 [/b]

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");

原文链接地址：[url]http://www.jquery001.com/jquery-plugin-center-object-exactly.html[/url]

div absolute 居中相关推荐

Div居中的几种方法，Div absolute居中
<div></div>// position: relative 居中 div{width: 100px;height: 100px;margin: 0 auto;backgr ...
用CSS让DIV上下左右居中的方法
例如一个父div(w:100%;h:400px)中有一个子div(w:100px;100px;).让其上下左右居中. 方法一(varticle-align) 理念利用表格单元格的居中属性. 步骤 ...
html中div的居中
背景:html中的div可以说是布局神器,但是有些时候没有那种一步到位的属性来定义某个div来居中.故需要手动写css来调试代码(code): <style type="text/c ...
【CSS】一个div在另外一个div中居中显示（水平居中，竖直居中）
一个div在另外一个div中居中显示(水平居中,竖直居中) 方法1: 通过设置子元素绝对定位和margin:auto .parent {position:relative;width:800px;he ...
html中div内容居中的方法
一.div内容居中的方法: 方法1:table-cell div中的内容居中:不改变盒子尺寸. <!DOCTYPE html> <html lang="en"& ...
div内上下左右距离_用CSS让DIV上下左右居中的方法
当父div的行高等于自身高度时,内部的行内元素会上下居中显示.行内块没有固定高度时也会上下居中显示.所以需要对父div的 line-height 进行调整.利用定位属性(top.left.right. ...
html怎么上下左右分div分,超级简单div上下左右居中
下面是编程之家 jb51.cc 通过网络收集整理的代码片段. 编程之家小编现在分享给大家,也给大家做个参考. .juzhong { width:200px; height:200px; top:50% ...
image居中、div嵌套div上下左右居中
1.如何让图片左右居中? 把图片放在div中,设置div:margin:0 auto;,这样div左右居中,包含在里面的图片也会随之居中. <head><meta charset=& ...
html让整个div居中,分享一个可以让DIV实现居中齐的方法
无意中在网站看到一属性可以让一个DIV实现居中,个人觉得很好,想起以前自己学习CSS时候也曾经接触过实现DIV居中的方法,看过css彻底研究一本书,中讲到用三个DIV的方式,实现代码长,代码不易理解, ...

div absolute 居中

div absolute 居中相关推荐

最新文章

热门文章