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}"/>

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

在这里插入图片描述

评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值