文章/答案/技术大牛

发布

社区首页 >问答首页 >多图标显示

问多图标显示
EN

Stack Overflow用户

提问于 2016-08-28 15:42:47

回答 1查看 31关注 0票数 0

起初，这个问题不应该那么难，但我不知道如何解决。

我正在试验字体-太棒了，一切都很好，只是它不会只显示一个图标。

在Hml-编辑器(Atom)中：

<body>
<div class="list">
 <a href="#"><i class="fa fa-fw fa-home"</i><span>test</span></a>
</div><!--list-->
</body>

在浏览器内部：

<body>
<div class="list">
 <a href="#"><i class="fa fa-fw fa-home" <="" i=""><span>test</span></i></a><i class="fa fa-fw fa-home" <="" i="">
</i></div><!--list--><i class="fa fa-fw fa-home" <="" i="">
</i>
</body>

为什么浏览器中还有更多的代码？代码保存在Atom-Editor中，这也出现在一个新打开的Chrome窗口中(与Firefox一样)。

这是浏览器的问题吗？

毕竟这看起来很尴尬，但还是谢谢你的帮助。

atom-editor

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-08-29 09:16:14

您的HTML无效，打开的i元素永远不会关闭。

试试这个：

<body>
  <div class="list">
    <a href="#"><i class="fa fa-fw fa-home"></i><span>test</span></a>
  </div><!--list-->
</body>

考虑安装htmlhint以获得无效HTML的通知。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/39192975

复制

相似问题

问多图标显示
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问多图标显示EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问多图标显示
EN