符合文本的圖像

我有一個表格單元格，裏面既有文字也有圖像圖標。圖像圖標占用了小區的高度，這使得文本降底： 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

符合文本的圖像

回答

相關問題