在HTML中對齊圖像和文本td

Question

我有一個表格單元格（td）可以同時包含圖像和文本的表格。細胞高度可以動態增加或減少。

我希望圖像顯示在單元格上（總是）和文本在中心（總是）。

我該如何做到這一點？

Answer 1

HTML：

<table> 
<tr> 
    <td><div> 
     <img src="http://imgur.com/a/1s17J"> 
    </div> 
    <div> 
    Text 
    </div></td> 
    <td><div> 
     <img src="http://imgur.com/a/1s17J"> 
    </div> 
    <div> 
    Text 
    </div></td> 
    <td><div> 
     <img src="http://imgur.com/a/1s17J"> 
    </div> 
    <div> 
    Text 
    </div></td> 
    <td><div> 
     <img src="http://imgur.com/a/1s17J"> 
    </div> 
    <div> 
    Text 
    </div></td> 
</tr> 
</table> 

CSS：

td img 
{ 
    float:top; 
} 

td 
{ 
    background-color:red; 
    width:150px; 
    height: 50px; 
    text-align:center; 
} 

Fiddle

PS：請提供一些代碼，因爲現在我只能猜測你是怎麼通過你的要求的意思。

Answer 2

使用css on img apply top：0px;向左飄浮; 012don td apply test-align：center