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

这样做。非常感谢你 –

回答