标签:
<img src="images/vip.jpg" alt=""> <a href="#">会员管理</a>
我以往的图标和标题的写法,都是这样的,但是有一个问题,图片往往和字不在一个水平线,需要给图片加样式代码来调整他的位置,挺难调整的。
今天思考了下,发现可以这样,把图标写在<a></a>里面,这样的话,他们就不是两个元素,就不存在位置不一样的情况了。
<a href="#" class="vip">会员管理</a>
.vip a{ background-image: url("vip.jpg") left center; }
其他的情况,两个元素水平方向不在一个水平线,都可以按照这种方式去做。
标签:
原文地址:http://www.cnblogs.com/wangdinghao/p/5081801.html