vertical-align沒生效的原因

目的：讓文字在div中居中

<div class="test">
	<a href="" target="_blank" rel="external nofollow" >測試文字</a>
</div>
           

.test{
	width: 200px;
	height: 80px;
	background-color: #ffff00;
	color: #000000;
	text-align: center;
	vertical-align : middle;   
}
           

但是設定上vertical-align之後并沒有生效，效果如下：

原因是vertical-align隻對行内标簽有效（div标簽，不是裡面的子标簽）于是加上代碼

                 display: table-cell;

得到了效果圖

不能設display：inline-block屬性的原因， 是inline-block隻是将塊級元素當成内聯元素排列，但是并沒有把它變換為内聯元素。

附display屬性值