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 文本偏下