【CSS】使HTML页面表格中文字水平且垂直居中的方法（易错）

问题出现

因为是td直接写的文字，并不是套了标签才写，水平居中很清楚就是text-aline: center; 但是垂直居中始终没有得到很好地解决，查找了网上的样式是vertical-align: middle； 试了一下没有效果，很苦恼。

解决办法

最后我终于发现了问题= =我太蠢了，失败是因为我的table是直接从bootstrip上引入的，它有样式的权重问题，只要在后面加个！importan 就成功了。

table td{
     
            text-align: center;  /*设置文字水平居中*/
            height: 60px;
            vertical-align: middle!important;  /*设置文字垂直居中*/
        }

效果图