如何在链接前添加图标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> Home</a>
<a class="list-group-item" href="#"><i class="fa fa-book fa-fw"></i> Library</a>
<a class="list-group-item" href="#"><i class="fa fa-pencil fa-fw"></i> Applications</a>
<a class="list-group-item" href="#"><i class="fa fa-cog fa-fw"></i> Settings</a>
</div>