场景

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样式相关推荐

vue 公用页面引用_vue中实现部分页面引入公共组件
前言我们可以把公共组件放到App.vue中,但是有时候我们希望某个页面不需要这写公共部分,那么需要怎么设置呢? 本文为大家介绍三种部分页面引入公共组件的方法. 方法一:利用子路由创建一个layou ...
uniapp 中设置全局页面背景色
uniapp 中设置全局页面背景色提示:以下是本篇文章正文内容,下面案例可供参考未生效 : 在pages.json里面设置单页面背景色,这种是不行的,只能在页面内生效方法1: pages.jso ...
Vue项目实战07：引入Normalize.css样式初始化
Normalize.css简介我们在开发的时候会发现很多样式都自带了各自特有的默认样式,而这样样式通常会被遗忘,导致样式调整起来很繁琐.为了让样式统一,我们在开发的时候通常会对一些元素进行样式重置, ...
普通页面引入公共页面之后bootstrap中下拉菜单js效果失效无反应的问题
说下最近写页面遇到的一个坑,公共页面里用bootstrap框架搭了一个导航条,带有下拉菜单的导航条,bootstrap的css样式和js代码,在公共页面里已经引过了. 普通页面只需要引入下公共页面, ...
uniapp怎么引入css_uniapp - css样式设置scoped
1.App.vue(样式层级高)定义样式就可以覆盖子组件或者父组件,无论有没有设置scoped关键字 export default { onLaunch: function() { console.l ...
Web应用中设置欢迎页面
欢迎页面的设置和url-pattern -- 设置欢迎页面在浏览器地址栏中直接通过项目名称访问时,默认显示的页面就是欢迎页面,可以是.html.jsp,可以通过welcome-file-list进行 ...
html静态页面引入公共html页面
很多人问有什么方法不用模板引擎在普通静态html页面导入公共的html页面,比如header.html, footer.html, 在这里我是这样做的,自己写了一个include.js include ...
HTML页面引入公共HTML部分
经过多番百度和亲自使用,找出了以下四种现行可用的方法: 各有优缺点,可选择适用方法使用: 将另一个HTML页面作为js文件引入通过 HTML转JS 将HTML转换为JavaScript,然后在相应的 ...
MyEclipse使用总结——在MyEclipse中设置jsp页面为默认utf-8编码
在MyEclispe中创建Jsp页面,Jsp页面的默认编码是"ISO-8859-1",如下图所示: 在这种编码下编写中文是没有办法保存Jsp页面的,会出现如下的错误提示: 因此可以 ...

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

场景

实现

css文件内容

Thymeleaf中设置每个页面引入公共css样式相关推荐

最新文章

热门文章