如何让div在整个屏幕中垂直居中

原创 2016年08月29日 16:06:49

如图,若将中间登录页保持在垂直居中位置



css代码操作如下:

.container{
	width:100%;
	height:548px;
	top:50%;	
	position:absolute;
	margin:-274px 0px 0px 0px;
}

其中:top 表示距离顶端的距离, margin:-274px 是中间图片高度的一半。

这样设置就可以保证整个<div> 垂直居中。


版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

整个DIV水平和垂直居中于屏幕

.vertical-center {position:absolute; width:100%; top:50%; margin-top:-150px; height:300px;} 原理是:相对于...

如何使 一个 div 居中显示

如何使 一个 div 居中显示

div垂直居中屏幕

  • 2012-01-09 17:12
  • 873B
  • 下载

css让div在整个网页水平、垂直居中解决方法

css让div在整个网页水平、垂直居中解决方法废话不说,直接上最终代码。 .div-out{ position: absolute; left:50%...

div中多行文字垂直居中

  • 2016-07-21 14:16
  • 678B
  • 下载

jQuery弹出层始终垂直居中,相对于屏幕,相对于当前窗口

弹出层永远是一个前端必须搞定的东西,一般情况下,如果弹出层有固定的高和宽,用样式即可搞定,但是如果碰到没有固定高或者固定宽或者固定高和宽的时候,我们就需要用JS去处理,去动态获取当前窗口高或者宽;今天...

div水平垂直居中方法(前端面试必备)

div水平垂直居中方法方法1.这也是绝大多数网友使用的方法 //-----------样式----------------- .fa{ ...
  • li11_
  • li11_
  • 2016-12-19 16:39
  • 212
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)