2012-12-11 47 views
5

我需要vertical-align:top'一些文字'和'其他文字'。以下不適合我,只有第二個單元格對齊正確。我不明白問題是什麼。如何正確垂直對齊表格單元格內的圖像+文字

<style> 
    td { 
     vertical-align:top; 
    } 
</style> 

<table>  
    <tr> 
     <td><img src="icon.png"/> Some text </td> 
     <td> Other text </td> 
    </tr> 
</table> 
+0

我也在努力,但不解決此問題jsbin鏈接相同[鏈接](HTTP:/ /jsbin.com/harukomivi/edit?html,css,console,output) – asb

回答

11

而不是使用:

td { 
    vertical-align: top; 
} 

用途:

td { 
    vertical-align: baseline; 
} 
td img { 
    vertical-align: top; 
} 
+0

然後,第二個單元格中的文本未與單元格的頂部對齊。 – j08691

+0

哦,你改變了你的代碼。 – j08691

相關問題