场景

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

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

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

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

实现

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

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

<link th:href="@{/public/css/dataTablesBadao.css}" rel="stylesheet">

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"即可。

总结

以上是生活随笔为你收集整理的Thymeleaf中设置每个页面引入公共css样式的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。