Question

Ok i有这一法典:

    //When you click on a link with class of poplight and the href starts with  a # 
$( a.poplight[href^=#] ).click(function() {
var a = $(this).attr( vd );
var b = $(this).attr( id );

    $.post( chk.php , { name : a, name2 : b }, function(output) {
    $( #con ).html(output).show();
});

    var popID = $(this).attr( rel ); //Get Popup Name

    var popURL = $(this).attr( href ); //Get Popup href to define size



    //Pull Query & Variables from href URL

    var query= popURL.split( ? );

    var dim= query[1].split( & );

    var popWidth = dim[0].split( = )[1]; //Gets the first query string value


    //Fade in the Popup and add close button

    $( #  + popID).fadeIn().css({  width : Number( popWidth ) }).prepend( <a     href="#" class="close"><img src="images/close_pop.png" class="btn_close" title="Close Window" alt="Close" /></a> );



    //Define margin for center alignment (vertical + horizontal) - we add 80 to the height/width to accomodate for the padding + border width defined in the css

    var popMargTop = ($( #  + popID).height() + 80) / 2;

    var popMargLeft = ($( #  + popID).width() + 80) / 2;

    //Apply Margin to Popup

    $( #  + popID).css({ 

         margin-top  : -popMargTop,

         margin-left  : -popMargLeft

    });

    //Fade in Background

    $( body ).append( <div id="fade"></div> ); //Add the fade layer to bottom of the body tag.

    $( #fade ).css({ filter  :  alpha(opacity=80) }).fadeIn(); //Fade in the fade layer 



    return false;

});


//Close Popups and Fade Layer

$( a.close ).live( click , function() { //When clicking on the close or fade layer...

    $( #fade , .popup_block, .login ).fadeOut(function() {
    $( #fade ).remove();

}); //fade them both out



    return false;

});
//end poup

现在,每当用户点点上有一类人烟 element的元素时,上述代码就被执行,而且应当显示四分五裂,但在此之前,麻风机功能被叫起,而且一只狗对此有问题,但该 d(有一等人pop锁)的帝国主义已经消失,或者表面上看,它似乎无动于实施该 d的帝国主义,但是它只是在一一一特定位置时,它才把 want或 w的 code光放到底,而该高功能应该 d。我的法典可能缺乏,或只是错了,但不管怎样,我知道。请帮助,我只想把这四点呼吁放在一起。事先感谢你。

- div(有一类人/24小时)固定位置,z-index:99999, 并且没有露面。

Answer 1

这可能有助于:

 $.fn.center = function () {
    this.css("position","absolute");
    this.css("top", ( $(window).height() - this.height() ) / 2  + "px");
    this.css("left", ( $(window).width() - this.width() ) / 2 + "px");
    return this;
}
$( .yourelement ).center();
     $( window ).resize(function() {
        $( .yourelement ).center();
     });

Answer 2

在窗户上必须挖掘碎块。在这方面,你可以做些什么。

假设<代码>#div是将集中使用的箱子

$("#div").css({
    marginTop : ($(window).height() - $(this).height())/2,
    marginLeft : ($(window).width() - $(this).width())/2,
});

如果您有<代码>绝对职位箱,则分别使用<代码>top和ft而不是marginTop和marginLeft。

$("#div").css({
    top : ($(window).height() - $(this).height())/2,
    left : ($(window).width() - $(this).width())/2,
});

Answer 3

我使用的代码是。利用 j子在屏幕上把四氯环乙烷放在中心,把我的pop子集中起来,并做出色的工作。或许希望使用<条码> 定位:absolute 和top 和ft等特性,而不是仅仅使用<条码> 边gin/条码>和<条码>

Answer 4

I couldn t bring myself to actually read your code, so I set up a couple of examples for you instead:

Absolute centring of fixed size elements

This style is easy. Just set your element position to absolute, shove it to 50%/50% and pull back half it s width and height using negative margins.

jsFiddle example

Absolute centring of dynamically sized elements

这更加trick。如果不将 Java字带入照片,最好采用表格(至少我认为)。可以通过使用<代码>的显示器:表来避免可怕的表标。 CSS风格。利用表格,你可以纵向和横向地把桌子的内容集中起来,但表格首先必须覆盖整个网页。

既然您可以使用<代码> :绝对,你需要给它一个<代码><div> 包装。然后,你可以将座椅的宽度和高度定为100%,以覆盖整个观察港。

最后,您将“CSS”风格的缩略语改为:24小时;,允许其横向以“密码”作为其母体的“密码”。 Tadaa! 现在,不管怎么说,这种四分五裂是完全集中的。

jsFiddle example

希望有助于

Absolute centring of fixed size elements

Absolute centring of dynamically sized elements

友情链接