元素垂直居中

原代码使用一个div+span,实现span元素垂直居中。span元素就分为三种情况：行内元素，行内块，块元素

	<div>
		<span >loading</span>
	</div>

• 行内元素居中：水平使用:text-align:center,垂直使用line-height等于它的高度使用line-height
• 行内块元素居中：
• 块元素居中：
  1. 使用line-height

	div {
		width: 400px;
		height: 400px;
		background-color: antiquewhite;
		line-height: 400px;
		text-align: center;
	}
	span {
		background-color: orangered;
		
	}