css - Jquerymobile div在绝对中心

我正在使用jquerymobile，并且在div data-role =“ content”内部有具有allertMessage类的div。我希望这个div位于页面的绝对中心（垂直+水平）。我不能使用这个：

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

因为它不会使我的元素居中。还尝试了margin：auto，但是没有用。有什么办法吗？

最佳答案

您可以这样做：

的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);
});