Jquery 绝对分区中心
如何将绝对div居中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 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宽度的一半,这意味着它将居中。