HTML - 根據高度將圖像安裝到表格單元格

我有一個表格單元格，我需要填充從網址獲得的圖像。圖像寬高比與表格單元格不同 - 圖像比單元格長。我需要將它裝入100％的高度，然後修剪左右兩端，使其適合寬度。

我是新來的網站，所以我不能發佈的實例圖片，但我希望我自己清楚，什麼是問題...

任何幫助將高度讚賞...

您將需要使用PHP加載圖像，然後調整其大小，如果希望再次使用它，則將其保存，然後將其顯示到瀏覽器中。 –

調整大小不是問題，但是當我縮小圖像的寬度時 - 它變得模糊或伸出...我需要以某種方式裁剪它，或者顯示圖像的一部分... –

If您只需更改''標籤中的寬度和高度，即可看到模糊的圖像。您需要使用GD庫或Imagemagick（或類似的）來實際調整它的大小。 –

最簡單的解決方案是將其設置爲表格單元格的背景圖像，它會自動進行裁剪。

如果要調整這種背景圖像，使其完全覆蓋表格單元格，同時保持其縱橫比，您可以使用CSS3屬性（僅限瀏覽器的支持，IE瀏覽器...）：

background-size: cover;

完整代碼：

background: url(/url/to/image) no-repeat center center; 
background-size: cover;  // just for modern browsers

2012-04-30 01:28:19 jeroen

是的，我試過了，但它顯示了圖片的左上角。我怎樣才能讓背景圖像居中？ –

@Marko Cakic添加了示例代碼。 – jeroen

這樣做。非常感謝你 –

回答