备忘录-css 居中

备忘录-css 居中

一、文字水平居中

text-align:center

二、容器水平居中
必须有一个明确宽度

{
width:760px
margin:10px auto
}

三、文字垂直居中
行高等于容器高

height:20px
line-height:20px

四、容器垂直居中
先将直接父容器定位为 relative 原因
再将子容器定位为 absolute ，明确高度 ， 先将整个元素下移50%，再上移这个元素的50%。

水平垂直居中：

   div id="parent">
		<div id="son">
		</div>
	</div>

div #parent{
		position:relative;
　　　　 height:480px;
	}
	div #son{
		background-color: #000000;
		position:absolute;
		top:50%;
		height:240px;
		margin-top:-120px;
		width: 240px;
		left: 50%;
		margin-left: -120px;
	}