我正在做一个春季MVC和Thymeleaf的项目.如果我有这个文件夹结构,我有一个关于如何引用我的CSS文件的问题：
- src
- main
- webapp
- resources
- myCssFolder
- myCssFile.css
- web-inf
- spring
- views
- myViewFolder
- index.html
我的配置类是这样的：
- @Override
- public void addResourceHandlers(ResourceHandlerRegistry registry) {
- registry.addResourceHandler("/css/**").addResourceLocations("/css/**");
- registry.addResourceHandler("/img/**").addResourceLocations("/img/**");
- registry.addResourceHandler("/js/**").addResourceLocations("/js/**");
- registry.addResourceHandler("/sound/**").addResourceLocations("/sound/**");
- registry.addResourceHandler("/fonts/**").addResourceLocations("/fonts/**");
- }
- href="resources/css/bootstrap.min.css"
但是有一些元素在我的页面中搞砸了,例如CSS无效.
解决方法
您将需要使用th：href属性来引用css文件.以下是百里叶教程的示例.如果百里香叶无法评估th：href值,则默认为href值.
- <head>
- <title>Good Thymes Virtual Grocery</title>
- <Meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <link rel="stylesheet" type="text/css" media="all"
- href="../../css/gtvg.css" th:href="@{/css/gtvg.css}" />
- </head>
