Jquerymobile div在绝对中心

Question

我正在使用jquerymobile,我在div data-role ="content"中有div类的allertMessage.我希望这个div位于页面的绝对中心(垂直+水平).我不能用这个:

position: absolute;
top:50%;
left:50%;

因为它不会使我的元素居中.还试过保证金:汽车,但它没有奏效.有什么办法吗？

Answer 1

你可以这样做:

HTML

<div id="alertdiv">
    <h1>This is an alert</h1>
    <p> And here is the alert content</p>
    <p>And some more content</p>
</div>

CSS

#alertdiv{
    position:absolute;   
    background:orange;
}

JS

$(document).ready(function(){
    var toppos=($(window).height()/2) - ($("#alertdiv").height()/2);
    var leftpos=($(window).width()/2) - ($("#alertdiv").width()/2);
    $("#alertdiv").css("top", toppos).css("left",leftpos);
});