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;}
。我刚才回答了你的问题。