Thymeleafで各ページに共通cssスタイルを導入するように設定

シーン
Thymeleafはパブリックページを抽出します(インスタンスから、inspiniaテンプレートを例にします):
https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/93969759
上記を参照すると、共通のページを抽出することによって、すべての基本的なcssファイルが各ページで繰り返し参照されないようにします.
プロジェクト内のすべてのページのtableのタイトルを中央に変更し、共通の参照スタイルをいくつか追加します.
インプリメンテーション
新しいdataTablesBaado.css、この名前をつけたのはdataTableのスタイルを修正するからです.
次に、上記のブログを参照して、基本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"を使用するスタイルに追加すればよい.