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(…)
将它们写入控制台。