使圖像完全填充單元格

我想要圖像填滿表格單元格。與CSS我已經將填充設置爲零，但它沒有幫助。有人對此有任何想法嗎？使圖像完全填充單元格

格爾茨工作

.HTML 

<div id="vakjes"> 
<table id="tabel" border="1"> 
<tr> 
    <td><img class="" src="images/jack.png"></td> 
    <td><img class="" src="images/jack.png"></td> 
</tr> 
<tr> 
    <td><img class="" src="images/jack.png"></td> 
    <td><img class="" src="images/jack.png"></td> 
    </tr> 
</table> 
</div> 


CSS 

table, tr, td { 
border: 1px solid #FF7300; 
padding: 0px; 
vertical-align: bottom; 
} 

#tabel { 
width: 345px; 
height: 345px; 
}

這裏是我的表的截圖 http://i62.tinypic.com/1584fnb.png

來源

2014-10-07 job

嘗試添加'display：block'到圖像。 – 2014-10-07 16:24:54

您是否嘗試將圖像寬度和高度設置爲100％？ – 2014-10-07 16:25:26

嘗試設置你的形象的高度和寬度：

這裏的地方我給自己定一個demo：

img{ 
    width:100%; 
    height:100% 
}

Alernatively，如果你不希望所有圖像進行設置，你可以將其創建爲：

.myStyle{ 
width:100%; 
height:100%; 
}

，然後爲您的圖像添加類「myStyle的」。

來源

2014-10-07 16:28:40

好吧，這個效果已經很好了，但現在是越過邊界的圖像，這也在你的例子:) – job 2014-10-07 18:23:42

添加顯示：塊;確實解決了這個問題:-)感謝問題現在解決:) – job 2014-10-07 18:25:24

是因爲你在CSS #tabel中設置表格的寬度和高度嗎？也許圖像略小於預期的表格大小。嘗試沒有#tabel CSS。

來源

2014-10-07 16:29:26

使圖像完全填充單元格

回答

相關問題