如何在css中的链接之前添加图标img



如何在链接前添加图标img?例如,我将如何将图标手机图像放在我的链接之前。

我已经通过css放置了一个图标图像,但它显示在链接文本的顶部。我只想图标的位置在文本之前,但当我试图设置一个位置时,它会移动整个链接文本。我不想更改链接文本的位置,只想更改图标在它之前的位置。

字体真棒的一个简单例子

我想这就是你想要的。

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet"/>
<div class="list-group">
  <a class="list-group-item" href="#"><i class="fa fa-home fa-fw"></i>&nbsp; Home</a>
  <a class="list-group-item" href="#"><i class="fa fa-book fa-fw"></i>&nbsp; Library</a>
  <a class="list-group-item" href="#"><i class="fa fa-pencil fa-fw"></i>&nbsp; Applications</a>
  <a class="list-group-item" href="#"><i class="fa fa-cog fa-fw"></i>&nbsp; Settings</a>
</div>

最新更新