我试图在不使用边距的情况下在页面中间放置一个框。

我试过了-

.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();

10-05 20:53
查看更多