文字居中不仅仅只用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>

效果：

看来设置