CSS絕對div中心

如何居中絕對div？CSS絕對div中心

<div class="photoWindow">min width 600 px, absolute</div>

jQuery的

var widthScreen = $(window).width(); 
$('.photoWindow').css({'margin-left': widthScreen/2 - widthScreen, 'left':'50%'});

然而，這並不居中DIV。

來源

2011-03-07 Isis

是存在的，爲什麼它需要一個理由'位置：absolute'？在div上指定寬度並使用'margin：0 auto;'居中一個div。 – cp3 2011-03-07 18:23:50

@ centr0，這張帶有照片的div應該出現在所有內容之上。 – Isis 2011-03-07 18:29:47

試試這個：

function centerMe(element) { 
    //pass element name to be centered on screen 
    var pWidth = jQuery(window).width(); 
    var pTop = jQuery(window).scrollTop() 
    var eWidth = jQuery(element).width() 
    jQuery(element).css('top', pTop + 100 + 'px') 
    jQuery(element).css('left', parseInt((pWidth/2) - (eWidth/2)) + 'px') 
}

來源

2011-03-07 18:23:17

試試這個：

 
$(document).ready(function() { 
    $("div").css({marginLeft: (($(window).width()/2) - ($(this).width()/2))}); 
});

來源

2011-03-07 18:23:53 Bojangles

這是什麼？ margin-left = 0px – Isis 2011-03-07 18:28:30

不，這會將div的「margin-left」設置爲窗口高度的一半減去div寬度的一半，這意味着它將居中。 – Bojangles 2011-03-07 18:38:13

設置的空白左，右緣爲「自動」，即應的伎倆。

margin-left:auto; 
margin-right:auto;

或者乾脆

margin: 0 auto;

來源

2011-03-07 18:27:27 Cadoc

CSS絕對div中心

回答

相關問題