HTML中加入thymeleaf约束,Thymeleaf中设置每个页面引入公共css样式

场景

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

参考上文，通过提取公共页面的方式达到所有基本的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"即可。

标签：vertical,text,align,Thymeleaf,badao,css,页面

来源： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/94010967