1.ul li 中实现图片 文字混排
a.效果如下:
b.实现代码如下
<ul class="opts-btn">
<li class="btn-quote"><a class="quote"><i class="icon-quote"></i>引用</a></li>
<li class="btn-print"><a href="#"><i class="icon-print"></i>打印</a></li>
</ul><!--opts-btn-->
<!--样式代码如下:-->
.opts-btn .icon-quote {
background-position: 0 -5px;
}
.opts-btn li i {
display: inline-block;
width: 16px;
height: 16px;
margin-right: 2px;
vertical-align: middle;
cursor: pointer;
}
.adminbtn a, .opts-btn li i, .seclist li b, .tableStyle tbody i {
background-image: url(../images/sprite-opts.png);
background-repeat: no-repeat;
}
.opts-btn>li>a {
display: block;
width: 65px;
text-align: center;
color: #fff;
white-space: nowrap;
}