Html 胸腺嘧啶核苷块松动式
我有一段代码:Html 胸腺嘧啶核苷块松动式,html,css,spring,spring-boot,thymeleaf,Html,Css,Spring,Spring Boot,Thymeleaf,我有一段代码: <div class="col-md-3 col-sm-6 text-center"> <a href="/" class="logo logo_image"> <span> <block >Plats</block> <span class="muellerhoff" >Bruts<
<div class="col-md-3 col-sm-6 text-center">
<a href="/" class="logo logo_image">
<span>
<block >Plats</block>
<span class="muellerhoff" >Bruts</span>
</span>
<img src="http://172.114.143.253:7080/images/logo.png" >
</a>
</div>
我在浏览器上看到:
但当我使用thymeleaf时:
<div class="col-md-3 col-sm-6 text-center">
<a href="/" class="logo logo_image">
<th:block th:text="${@environment.getProperty('site.name1')}" />
<span class="muellerhoff" th:text="${@environment.getProperty('site.name2')}"></span>
<img th:src="@{/images/logo.png}" th:alt="${@environment.getProperty('site.name')}" th:title="{@environment.getProperty('site.name')}">
</a>
</div>
样式已丢失:
当我查看源代码时,我看到:
<div class="col-md-3 col-sm-6 text-center">
<a href="/" class="logo logo_image">
Plats
<span class="muellerhoff">Bruts</span>
<img th:src="@{/images/logo.png}" th:alt="${@environment.getProperty('site.name')}" th:title="{@environment.getProperty('site.name')}">
</a>
</div>
我还尝试了
,结果相同Thymeleaf与HTML标记
不同。如果您的第一个HTML代码段按预期工作,那么使用Thymeleaf增强它应该如下所示
<div class="col-md-3 col-sm-6 text-center">
<a href="/" class="logo logo_image">
<span>
<block th:text="${@environment.getProperty('site.name1')}">Plats</block>
<span class="muellerhoff" th:text="${@environment.getProperty('site.name2')}">Bruts</span>
</span>
<img src="http://172.114.143.253:7080/images/logo.png" th:src="@{/images/logo.png}" th:alt="${@environment.getProperty('site.name')}" th:title="{@environment.getProperty('site.name')}">
</a>
</div>
Thymeleaf与HTML标记不同。如果您的第一个HTML代码段按预期工作,那么使用Thymeleaf增强它应该如下所示
<div class="col-md-3 col-sm-6 text-center">
<a href="/" class="logo logo_image">
<span>
<block th:text="${@environment.getProperty('site.name1')}">Plats</block>
<span class="muellerhoff" th:text="${@environment.getProperty('site.name2')}">Bruts</span>
</span>
<img src="http://172.114.143.253:7080/images/logo.png" th:src="@{/images/logo.png}" th:alt="${@environment.getProperty('site.name')}" th:title="{@environment.getProperty('site.name')}">
</a>
</div>
我不熟悉HTML中的
标记。它是如何定义的?嗨@andrewjames,HTML没有
的定义,因为我可以假设这是作者创建的,可能有一些适用于它的样式。否则,此标记将被视为常规
。我创建了基于HTML标记的Thymeleaf示例,该示例根据问题的定义工作。我无法运行它,因为它需要一些未发布的CSS类。希望所有这些都能为你带来科学。向你问好,是的,这是有道理的。谢谢你的笔记。(我怀疑问题应该是使用
而不是
,但这只是我的猜测。)@andrewjames正如我提到的,我不知道,可能作者有某些CSS样式直接应用于标记,例如:块{border:1px红色虚线;display:block;}
。我刚刚回答了Thymeleaf问题。我不熟悉HTML中的
标记。它是如何定义的?嗨@andrewjames,HTML没有
的定义,因为我可以假设这是作者创建的,可能有一些适用于它的样式。否则,此标记将被视为常规
。我创建了基于HTML标记的Thymeleaf示例,该示例根据问题的定义工作。我无法运行它,因为它需要一些未发布的CSS类。希望所有这些都能为你带来科学。向你问好,是的,这是有道理的。谢谢你的笔记。(我怀疑问题应该是使用
而不是
,但这只是我的猜测。)@andrewjames正如我提到的,我不知道,可能作者有某些CSS样式直接应用于标记,例如:块{border:1px红色虚线;display:block;}
。我刚才回答了你的问题。