1.如果图标较小,可以使其高度为1ex(即字母x的高度),由于字母x是一个标准居中的字母,所以图标与文字天然居中对齐。
.icon {
display: inline-block;
width: 20px;
height: 1ex;
background: url(arrow.png) no-repeat center;
}
2.如果图标较大,推荐使用vertical-align,将图标display设为inline-block,配合margin微调即可实现。
.icon {
display: inline-block;
vertical-align: middle;
/*margin-top*/
}