Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/374.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
Javascript div不';水平放置_Javascript_Jquery - Fatal编程技术网

Javascript div不';水平放置

Javascript div不';水平放置,javascript,jquery,Javascript,Jquery,我没有让我的表单元素水平放置在中间,这是我的代码 $('.form') .css('top', window.screen.availHeight / 2 - $('.form').height() / 2) 使用css设置top属性不会影响元素的水平位置 如果元素的位置设置为默认的“静态”,则设置“顶部”(或水平定位的“左侧”)将不起作用 请尝试使用绝对位置: .form { position: absolute; top: 100px; } 首先,确保它的位置:绝对正

我没有让我的表单元素水平放置在中间,这是我的代码

$('.form') 
.css('top', window.screen.availHeight / 2 - $('.form').height() / 2) 

使用css设置top属性不会影响元素的水平位置

如果元素的位置设置为默认的“静态”,则设置“顶部”(或水平定位的“左侧”)将不起作用

请尝试使用绝对位置:

.form {
    position: absolute;
    top: 100px;
}

首先,确保它的
位置:绝对正如@指出的那样。除此之外,您将获取整个显示器的屏幕高度,而不是浏览器窗口。您可能只需要
$(window.height()
,而不是
window.screen.availHeight
,如下所示:

$('.form').css('top', $(window).height() / 2 - $('.form').height() / 2);

.

你能举个例子吗?你的
.form
display
css属性值是多少?我没有将display属性设置为
$(“.form”)
正确吗?是否应该是
$(“表单”)
?包括HTML在这里会有所帮助。我已经将位置设置为绝对,但没有得到所需的位置results@littleMan:能否包括您正在使用的html,以及为
window.screen.availHeight
$('.form').height()获取的值?使用
console.log(…)
将它们写入控制台。