我想将 18px 高度的图像与旁边的文本居中对齐。这是我使用的代码:
<div style="line-height:18px; font-size:12px;">
<img src="somepic.jpg" style="height:18px; vertical-align:middle;">Some text here
</div>
使用该代码,div 容器以 19px 而不是 18px 的高度呈现,并且文本不以图像为中心。我试过 Safari 4 和 Firefox 3.6。那 1 px 的原因是什么?
谢谢