Thymeleaf中设置每个页面引入公共css样式

场景

Thymeleaf提取公共页面（从实例入手，以inspinia模板为例）：

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/93969759

参考上文，通过提取公共页面的方式达到所有基本的css文件不用在每个页面重复引用。

现在要修改项目中所有页面的table的标题为居中，并且添加几个公共的引用样式。

实现

新建dataTablesBaado.css,起这个名字是因为要修改的是dataTables的样式。

然后参照上面的博客在引入基本css文件的位置即header.html中添加：

css文件内容

.table th {
    text-align: center;
    vertical-align: middle!important;
}
.badao_Center{
    text-align: center;
    vertical-align: middle!important;
}
.badao_Right{
    text-align: right;
    vertical-align: middle!important;
}
.badao_Left{
    text-align: left;
    vertical-align: middle!important;}

然后就可以在需要引用的页面添加样式

   { data: 'id',className :'badao_Center'},

这里引用的方式是以dataTables为例，其他html页面正常在需要使用的样式上添加class= "badao_Center"即可。