CSS控制table中的文字垂直居中

在使用table过程中，我们总是碰到在不同列中可能文字内容量不同，在同一行中，有的列文字可能比较多，导致其他列文字较少的列内容只能呈现在左上角，这时候我们需要将内容都垂直居中。只需要在td上添加一个CSS即可：

    td{
        vertical-align:middle;
    }

添加这个CSS样式之后，我们可以再打开table看看，文字是不是已经垂直居中了呢？