2014-07-15 87 views
0

我已經創建了一個電子郵件傳單,它通過基於我輸入的pasrt代碼從服務器拉取圖像來生成產品。問題是一些圖像比其他圖像大,所以我想創建具有設定高度的表格單元格,例如, 100px x 100px但是當圖像被拉入單元格時,它會騎在它上面,看起來比它應該大。停止圖像覆蓋表格單元大小

我試過設置高度或寬度,所以它不會太大,但有些比其他寬,所以即使高度適合不錯,寬度然後推動單元格更寬。

有沒有辦法告訴圖像填充儘可能多的單元格,而不擴展到達單元格的最大尺寸?

發佈我正在使用的確切代碼非常困難,但如果您只是創建了一個高度爲「100」的表格並插入大於該單元格的圖片,它將忽略該單元格高度。

我無法爲圖像設置手動高度,因爲我使用的是一張桌子,如果我添加更多產品,它會倍增。

所以基本上想我想要做的是設置表格單元格,讓我們到100px的高度和150px寬度和任何圖像「命中」第一,它停止尺寸挺大

+0

'overflow:hidden;'對於有問題的單元格沒有辦法嗎? 你也可以把'img'標籤放到寬度和高度爲100的div和'overflow:hidden'中。 – DanielKhan

+0

@DanielKhan Hmm nope,nothing – SaturnsEye

回答

1

對於說你的圖像添加一個類應用它像下面。我希望你已經爲你的表格單元分配了寬度和高度。

.imgclass 
{ 
max-width:100%; 
max-height:100%; 
} 
+0

最大高度和最大寬度在Outlook中不起作用:'( – SaturnsEye