Thymeleaf-如何在<h1>部分的动态文本中添加跨度

里约里奥

我们为要动态构建的页面提供了标题 Thymeleaf

<h1 th:text="'My name is' + ${person.name} + ' ' +${person.lastname}" ></h1>

结果是:

<h1>My name is Inigo Montoya</h1>

现在,我们希望将用户名涂成红色。

在简单的HTML + CSS中,我们可以这样做:

span{
 color: red;
}

<h1>My name is <span>Inigo</span> Montoya</h1>

但是如何在Thymeleaf中正确地做呢?

银河战士

像这样吗

<h1>
  My name is <span th:text="${person.name}" /> [[${person.lastname}]]
</h1>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在h1跨度文本的正中间放置部分底线?

Beautifullsoup:如何在<h1>中获取<a>标记的内容?

如何在H1中选择部分文本?

如何使用Java脚本替换/更改<h1> </ h1>中的标题文本?

如何在jetpack compose中將文本定義為h1?

如何在徽标wordpress中仅在标题中添加h1

如何使用beautifulsoup提取h1标签文本

如何在H1标签内的堆叠文本旁边显示图像?

如何在Jquery中将H1标签添加到$('a')

如何在回声中打印H1中的标题?(wordpress)

如何在巨无霸中设置<h1>和<p>的位置?

没有子类的innerText,如何在JavaScript中获取h1 innerText?

如何在ContentEditable(Wysiwyg)中删除H1格式

如何在python中使用硒从h1标签中获取字符串

如何在一个 div 中水平对齐 h1 和标签?

如何在Thymeleaf中动态替换片段?

如何在不使用<span>标记的情况下从CSS文件替换<h1>中的文本?

如何解析HTML从H1 ... H6获取文本?

如何使 h1、h2 看起来像普通的段落文本

如何从 Selenium + Cucumber + Ruby 中的 H1 标签中获取文本

如何删除 h1 标签的一部分并在其他地方使用它而保持 h1 不变

我如何通过将所有H1和文本分割成下一个H1来创建表

如何在Thymeleaf中循环对象值?

如何在 Thymeleaf 中操作队列

如何在Thymeleaf中遍历地图

如何在Thymeleaf中访问contextPath?

如何在 Thymeleaf 中引用包含“_”的字段

如何通过单击html按钮获取h1的文本值?

如何将h1文本移到框的底部?