标签:
<h3><span class="sp"></span>对抗赛怎么打<a class="sp" href="javascript:;"></a></h3>
h3 span{ background-position: 0 -394px;margin-right: 5px;padding-left: 12px;zoom: 1;}
h3 a{padding-left: 21px;background-position: -175px -200px;margin-left: 9px;zoom: 1;}
不用对行内元素转块级元素然后浮动。
直接给行内元素设置内边距,如上,给h3设置行高后,span和a只设左右内边距就好,左右都设,或只设左或右均可,然后给span或a设置背景(上用的精灵图),垂直方向会自动居中,方便简洁。
样式中zoom=1是为了兼容IE6和7,因为只设内边距,行内元素的背景是显示不出来的,zoom=1用元素的实际大小,即可兼容IE6和7;
2015-11-30 By meng。00:03:36
标签:
原文地址:http://www.cnblogs.com/immeng/p/5008895.html