Thymeleaf无法显示css样式

后端是用springboot集成thymeleaf写的，但是前端无论怎么按照语法引入css都无效，见图：

静态资源的项目结构：

代码：

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head><meta charset="utf-8"><meta http-equiv="x-ua-compatible" content="ie=edge"><meta content="" name="description"><meta content="" name="keywords"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="HandheldFriendly" content="true"><meta content="telephone=no" name="format-detection"><!-- favicon --><!-- custom CSS --><link href="../static/css/main.css" rel="stylesheet" type="text/css"  th:href="@{/css/main.css}"/>

路径的报错可以忽略，这里是换了个工程打开的原因，这里的写法是按照标准语法来的（同学使用这个语法都正确的情况下），我的显示是：

完全没有一个样式显示出来，查了各种说法，最后在一条评论里找到了答案，把路径变成：

<link href="../static/css/main.css" rel="stylesheet"
type="text/css"  th:href="@{~/css/main.css}"/>

在路径前面加一个“~”就完事了，就是这么简单，但是弄了一整个下午。。（主要是有的机器貌似只支持完整路径）
最后结果：

Thymeleaf无法显示css样式相关推荐

xml不显示css样式_如何使用CSS显示XML？
xml不显示css样式 Introduction: 介绍: You must be aware of the term XML and must have dealt with these vario ...
php不显示css样式,thinkphp加载不了css样式怎么解决
thinkphp加载不了css样式怎么解决解决方法: 1.项目入口文件index.php<?php define('APP_NAME','APP'); define('APP_PATH','. ...
css图片横向压缩,【css样式生成图片合并压缩工具】Sprite，你值得拥有
好久好久没有更新博客了,越来越懒...话说懒也有懒的好处,懒的时候你可能会想着用些神马方法来帮你偷懒.没错,下面就给大家介绍个博主前不久开发的[css样式生成 & 图片合并压缩工具]Spirt ...
织梦模板安装后不能显示css的解决办法
笔者下载了无数套模板,有带数据的,有不带数据的,有整套网站程序的,有只有模板文件的. 这么多模板中就只有一套只有模板文件的,能显示出"部分"css,主页上还有部分图片不能正常显示的 ...
SharePoint2010沙盒解决方案基础开发——开发webpart读取绑定列表数据，并以一定的格式显示（加css样式）...
注:此实例无需添加数据控件,避免了一些繁琐的代码实现效果如下: 读取数据和图片,并以每行两列的形式显示所需列表如下: 1. VS2010创建沙盒解决方案 2. 创建webpart 3.在TestW ...
laravel项目中css样式表的背景图片不显示
刚学laravel,遇到了很多坑,感觉laravel是挺强大的. 建好后台项目,奈何css样式表的背景图片不显示 .mainhd {background: url(../images/sky/body ...
【前端】设置好CSS样式动态添加元素会按照样式显示
这篇就是简单记录下一个小点: 设置好CSS样式先,然后动态生成元素,元素可以按照CSS样式显示,只要对应到相应的规则即可. <!DOCTYPE html> <html> < ...
鼠标经过文字显示隐藏图片css样式
鼠标经过文字显示隐藏图片css样式,js鼠标经过文字显示图片预览效果,css如何实现鼠标移至文本上显示文字或图片.jQuery鼠标经过文字显示二维码代码. 这是一个比较简单的鼠标悬停经过文本显示二维码 ...
使用CSS样式设置文本超出2行显示为省略号
设置文本超出2行显示为省略号在设计前端页面中,我们经常会遇到文本太长导致超出规定区域的情况. 我们只需要在文本中设置以下样式即可解决该问题: html页面: <div class=" ...
多行文本溢出显示省略号(…) +css样式
今天怂怂就为大家分享一篇通过css样式使文本在一行内显示,超出则加省略号的实例讲解,具有很好的参考价值,希望对大家有所帮助.一起跟随怂怂过来看看吧超出隐藏(overflow:hidden;) 强制在 ...

Thymeleaf无法显示css样式

Thymeleaf无法显示css样式相关推荐

最新文章

热门文章