html - 居中表内容(图像和文本)

Question

如何将文本居中放置在单元格的中间:

table_img

一个单元格的html:

<td>
   <label for="mcoin"><img src="relics/19.png">Molten Coin</label>
   <input type="checkbox" id="check" onClick="MC()" name="mcoin">
</td>

当我使用 p 标签时，它会使单元格变宽并且不以 img 为中心。

Answer 1

你需要使用 vertical-align: middle 就可以了

Demo

CSS

td img {
   vertical-align: middle;   
}