css 如何让文字垂直居中显示

在css中，文本水平居中我们可以通过 text-align:center来实现，但在css中，并没有指定的样式可以让文本在垂直方向居中，今天我就给大家说个小技巧来让文字如何实现垂直方向居中

  <dvi class="title">hello css</div>

实现方式： 设定文本高度等于行高就可以实现垂直居中

 .title{
	height:40px;
	line-height:40px;
}

原理是，通过line-height里的上空隙和下空隙让文本被挤到中间
如果line-height< height: 文本会偏上，
如果line-height = height 文本垂直居中
如果line-height > height 文本偏下