Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 绝对分区中心_Jquery_Css_Center_Absolute - Fatal编程技术网

Jquery 绝对分区中心

Jquery 绝对分区中心,jquery,css,center,absolute,Jquery,Css,Center,Absolute,如何将绝对div居中 <div class="photoWindow">min width 600 px, absolute</div> 但是,这不会使分区居中。请尝试以下操作: function centerMe(element) { //pass element name to be centered on screen var pWidth = jQuery(window).width(); var pTop = jQuery(window

如何将绝对div居中

<div class="photoWindow">min width 600 px, absolute</div>
但是,这不会使分区居中。

请尝试以下操作:

function centerMe(element) {
    //pass element name to be centered on screen
    var pWidth = jQuery(window).width();
    var pTop = jQuery(window).scrollTop()
    var eWidth = jQuery(element).width()
    jQuery(element).css('top', pTop + 100 + 'px')
    jQuery(element).css('left', parseInt((pWidth / 2) - (eWidth / 2)) + 'px')
}
$(document).ready(function() { $("div").css({marginLeft: (($(window).width() / 2) - ($(this).width() / 2))}); }); 试试这个:

function centerMe(element) {
    //pass element name to be centered on screen
    var pWidth = jQuery(window).width();
    var pTop = jQuery(window).scrollTop()
    var eWidth = jQuery(element).width()
    jQuery(element).css('top', pTop + 100 + 'px')
    jQuery(element).css('left', parseInt((pWidth / 2) - (eWidth / 2)) + 'px')
}
$(document).ready(function() { $("div").css({marginLeft: (($(window).width() / 2) - ($(this).width() / 2))}); }); 试试这个:

function centerMe(element) {
    //pass element name to be centered on screen
    var pWidth = jQuery(window).width();
    var pTop = jQuery(window).scrollTop()
    var eWidth = jQuery(element).width()
    jQuery(element).css('top', pTop + 100 + 'px')
    jQuery(element).css('left', parseInt((pWidth / 2) - (eWidth / 2)) + 'px')
}
$(document).ready(function() { $("div").css({marginLeft: (($(window).width() / 2) - ($(this).width() / 2))}); }); $(文档).ready(函数(){ $(“div”).css({marginLeft:($(window.width()/2)-($(this.width()/2))}); }); 试试这个:

function centerMe(element) {
    //pass element name to be centered on screen
    var pWidth = jQuery(window).width();
    var pTop = jQuery(window).scrollTop()
    var eWidth = jQuery(element).width()
    jQuery(element).css('top', pTop + 100 + 'px')
    jQuery(element).css('left', parseInt((pWidth / 2) - (eWidth / 2)) + 'px')
}
$(document).ready(function() { $("div").css({marginLeft: (($(window).width() / 2) - ($(this).width() / 2))}); }); $(文档).ready(函数(){ $(“div”).css({marginLeft:($(window.width()/2)-($(this.width()/2))}); });
将左边距和右边距设置为“自动”,这应该与技巧相符

margin-left:auto;
margin-right:auto;
或者干脆

margin: 0 auto;

将左边距和右边距设置为“自动”,这应该与技巧相符

margin-left:auto;
margin-right:auto;
或者干脆

margin: 0 auto;

是否有理由将其设置为
位置:绝对
?在div上指定宽度并使用
边距:0 auto将一个div居中。@centr0,这个带有照片的div应该出现在所有内容的顶部。是否有理由将其设置为
位置:绝对
?在div上指定宽度并使用
边距:0 auto将一个div居中。@centr0,这个带有照片的div应该出现在所有内容的顶部。它是什么?左边距=0pxNo这会将div的
左边距
设置为窗口高度的一半减去div宽度的一半,这意味着它将居中。它是什么?左边距=0pxNo这将把div的
左边距设置为窗口高度的一半减去div宽度的一半,这意味着它将居中。