0

に幅が事前設定されていない div がありcssます。 を使用して画面の中央に配置しようとしています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/

4

1 に答える 1

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 が本当に必要かどうかはわかりません。

于 2013-02-25T13:24:36.633 に答える