我试图在不使用边距的情况下在页面中间放置一个框。
我试过了-
.box-middle
{
vertical-align:middle;
height:100px;
width:100px;
border:1px solid #ddd;
}
这根本不起作用-
但是,设置边距属性的工作有效,我不想使用
margin
。因为给予保证金会中断响应式网页设计。
所以我有一个登录表单,并希望将其设置在页面中间。
请指导!
在这里,您可以使用此框进行操作-
Please align me middle
最佳答案
使用以下jQuery代码:
$(window).resize(function(){
$('.className').css({
position:'absolute',
left: ($(window).width() - $('.className').outerWidth())/2,
top: ($(window).height() - $('.className').outerHeight())/2
});
});
//首先运行该函数:
$(window).resize();