Question

我试图使用几个链接和图标制作一个简单的导航，但如果我添加百里香花：文本图标不显示。此代码正常，它正确显示图标。

<div class="row">
    <div class="col">
        <nav>
            <a href="#">Save</a>
            <a href="#"> <i class="icon-eye"></i>Eye</a>
            <a href="#">Another link</a>
        </nav>
    </div>
</div>

如果我从我的资源中添加：文本：

<div class="row">
    <div class="col">
        <nav>
            <a href="#">Save</a>
            <a href="#" th:text="#{save}"> <i class="icon-eye"></i>Eye</a>
            <a href="#">Another link</a>
        </nav>
    </div>
</div>

图标不再显示。

我做错了吗？

Answer 1

（代表作者提问回答）。

来自Thymeleaf论坛的解决方案：

相反地构建它：

<a href="#"><span th:text="#{save}" /> <i class="icon-eye"></i>Eye</a>

th:text会覆盖其下方标签中的所有内容，因此您需要一个额外的标签。

Answer 2

那不起作用，你必须使用span标签，并在此标签中放置：text 试试这个：

<a href="#"> <i class="icon-eye"></i> <span th:text="#{save}">save</span>Eye</a>

使用百里香和引导4未显示的图标

2 个答案: