Question

我正在尝试在woocommerce wordpress产品中显示带有类别名称的fa图标。我已经想出来在一个单独的页面上显示它们，但是在大型菜单（镊子按类别）中显示它们时，我面临的问题是FA图标显示在新行而不是显示在名称之前。您可以查看实时链接here。请检查是否有人可以在这里帮助我。

Answer 1

您应该在每个template = "%{name} likes %{animal_type}" options = {name: 'John', animal_type: 'dogs'} template % options # => "John likes dogs"元素中添加图标，例如：

<li>

用<li style="float:left;"> <a href="http://newsite.cealinetweezers.com/tweezers/tweezers-by-category/aquarium-aquascaping-tweezers/"> <i class="fa fa-dropbox"></i> Aquarium & Aquascaping Tweezers </a> </li>包裹图标并向左浮动span，这不是可行的方法。

Answer 2

所以span标签就是这里的诀窍。

<li style="float:left;">
<a href="http://newsite.cealinetweezers.com/tweezers/tweezers-by-category/aquarium-aquascaping-tweezers/"><i class="fa fa-dropbox"></i> Aquarium &amp; Aquascaping Tweezers</a></li>

fa图标显示在新行

2 个答案: