HTML表格強制執行大小限制

Question

我想在我的HTML表格上設置一些大小限制。基本上，我希望表格寬度爲屏幕的70％，每個表格數據應該是表格寬度的25％，表格數據高度應該是表格高度的25％。大多數情況下，強制執行表格寬度很簡單，但這很複雜，因爲我的td塊包含img元素，並且其中一些圖像比其他圖像大。有沒有簡單的方法來執行我想要的大小，然後讓img佔用td的100％？

Answer 1

的圖像的大小使用此：

max-width:100%; max-height:100%; 

Answer 2

這將這樣的伎倆

td img { 
    max-width: 100%; 
    max-height: 100%; 
} 

DEMO

Answer 3

試試這個：

table.mytableclass td > img{ 
     width:100%; 
     height:100%; 
    }