場(chǎng)景

Thymeleaf提取公共頁(yè)面（從實(shí)例入手，以inspinia模板為例）：

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

參考上文，通過(guò)提取公共頁(yè)面的方式達(dá)到所有基本的css文件不用在每個(gè)頁(yè)面重復(fù)引用。

現(xiàn)在要修改項(xiàng)目中所有頁(yè)面的table的標(biāo)題為居中，并且添加幾個(gè)公共的引用樣式。

實(shí)現(xiàn)

新建dataTablesBaado.css,起這個(gè)名字是因?yàn)橐薷牡氖莇ataTables的樣式。

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

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

css文件內(nèi)容

.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;}

然后就可以在需要引用的頁(yè)面添加樣式

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

這里引用的方式是以dataTables為例，其他html頁(yè)面正常在需要使用的樣式上添加class= "badao_Center"即可。

總結(jié)

以上是生活随笔為你收集整理的Thymeleaf中设置每个页面引入公共css样式的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。