记录（2019年2月8日）解决的Bootstrap的CSS表格样式居中问题

在写CMS后台的时候遇到一个表格样式问题，在调了很久也没有达到自己想要的居中效果，基本上试了很多方法都不起作用，但是后面还是找到了解决的方法，这里做一个记录。

原样式：

我们可以看到商品名称那一栏的内容都没有上下居中。

修改后样式：

现在可以看到内容已经水平和垂直居中了。

代码：

    <style>
        .table th, .table td { 
            text-align: center; 
            vertical-align: middle !important;
            }
    </style>

原来bootstrap中已经设置了样式，并且优先级高，那么就要使用vertical-align: middle !important;可以达到效果，!important用来提高当前设置的优先级，会先执行垂直居中，这样就可以了。