Html thymeleaf：同一TD中的文本和图标

我想把文本和图标放在表格的同一个单元格中，就像这样，但它似乎不起作用，因为只有文本出现

<td class="col_name" th:text="${mareSuperiora.linkQuality}" >GOOD
  <span th:if="${mareSuperiora.linkQuality == 'EXCELLENT'}" >                                                     
    <i class="fa fa-signal fa-2x" style="color:#009933; text-align: center;" aria-hidden="true"></i>                                           
  </span>
  <span th:if="${mareSuperiora.linkQuality == 'GOOD'}" >                                                     
    <i class="fa fa-signal fa-2x" style="color:#0066cc; text-align: center;" aria-hidden="true"></i>                                           
  </span>
  <span th:if="${mareSuperiora.linkQuality == 'AVERAGE'}" >                                                     
    <i class="fa fa-signal fa-2x" style="color:#ff9900; text-align: center;" aria-hidden="true"></i>                                           
  </span>
  <span th:if="${mareSuperiora.linkQuality == 'LIMIT'}" >                                                     
    <i class="fa fa-signal fa-2x" style="color:#ff5050; text-align: center;" aria-hidden="true"></i>                                           
  </span>
</td><!-- NAME -->

很好

th:text将替换所有子节点，在这种情况下，也将替换图标的标记。解决方案是为文本部分添加专用的

span

：

好的

th:text将替换所有子节点，在这种情况下，也将替换图标的标记。解决方案是为文本部分添加专用的

span

：

好的

你确定要包括字体库吗？是的，我正在模板的另一部分使用它。你确定要包括字体库吗？是的，我正在模板的另一部分使用它