CSS之居中

垂直居中

1. 对于盒子模型，可以使文字的 行高=盒子的高度，实现文字的垂直居中
   原理：文字高度+上空隙+下空隙=行高，刚好撑满整个盒子模型的高度
   如果行高小于盒子高度，则文字偏上；反之偏下
   
2. 如果设置了定位，可以使用

top:50%;
margin-top:h/2;

3. 图标和文字对齐

img{
	vertical-align:middle;
}

水平居中

1. 行内或行内块元素：在其父亲上添加text-align: center;
2. 块级元素：若盒子设置了宽高，可以使用margin:0 auto
3. 如果设置了定位，可以使用

left:50%;
margin-left:w/2;

水平垂直居中

用定位

div{
	position:absolute;
	width:200px;
	height:200px;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
}