乐者为王

Do one thing, and do it well.

如何使文字与图标垂直居中对齐

在做网页的时候,经常会需要在某段文字前加上一个图标。然后就会发现增加的图标和文字的位置不齐,文字总是比图标低点。

smiley-smile微笑

解决的方法有两个:一个是设置图标的vertical-align为top;还有就是将margin-bottom设为-3px。

1
2
<img style="vertical-align: top" src="/uploads/smiley-smile.gif" border="0" />微笑
<img style="margin-bottom: -3px" src="/uploads/smiley-smile.gif" border="0" />微笑

Comments