符合文本的图像

我有一个表格单元格，里面既有文字也有图像图标。图像图标占用了小区的高度，这使得文本降底： enter image description here 符合文本的图像

现在，我希望文字把自己定位在细胞中间： enter image description here

祈祷，我怎么能做到这一点？通常的填充和边距修正似乎不起作用。我的代码如下：

<td class="title"> 
    <div style="display:inline-block;">Blah blah</div> 
     <a href="#"><img src="img.png" width="68" height="34" alt="Imange"></a> 
</td>

来源

2013-08-01 user1038814

的关键是让你line-height图像的高度，然后用vertical-align调整，其中文本在于垂直：

.title { 
    line-height: 34px; 
    vertical-align: middle; 
}

来源

2013-08-01 23:38:58 Jacob

只需添加垂直对齐：中间的风格，你的img标签，就像这样：

<td class="title"> 
<div style="display:inline-block;">Blah blah</div> 
    <a href="#"><img src="img.png" width="68" height="34" alt="Imange" style="vertical-align:middle;"></a>

来源

2013-08-01 23:41:39 Applecot

符合文本的图像

回答

相关问题