文字居中不仅仅只用line-height

今天看书看到display属性的值时，有table-cell，那么同时结合vertical-align:middle;应该可以实现文字的垂直居中，实现如下：

css部分：

.table{

display:table-cell;

width:100px;

height:100px;

border:1px solid red;

vertical-align:middle;

}

html部分：

<div class="table">class</div>

效果：



看来设置