Question

我的css中没有预设宽度的div，我试图使用JQuery在屏幕上居中，它适用于 Chrome ， Firefox 和 IE8 + ，但无法在 IE7 中使用。为什么呢？

的CSS：

.productBoxWrapper{
    height:210px;
    clear:both;
    background-color:blue;
}

JQuery的：

$('#mydiv').css("position", "absolute");
this.css("left", ($(window).width() - $("#mydiv").width()) / 2 + "px");

JSFiddle： http://jsfiddle.net/tygcz/3/

Answer 1

尝试将其置于中心位置：

的CSS：

#myDiv{
     position: absolute; top: 50%; left: 50%;
}

脚本：

$('#myDiv').css('marginLeft', - ( parseInt( $('#myDiv').width() ) / 2) + 'px' );
$('#myDiv').css('marginTop', - ( parseInt( $('#myDiv').height() ) / 2) + 'px' );

我不确定天气parseInt是否真的需要。

JQuery width（）不返回正确的值

1 个答案: