HTML - 按高度将图像拟合到表格单元格

时间:2012-04-30 01:18:03

标签: php html

好的伙计们,我需要一些帮助...

我有一个表格单元格,我需要用网格填充图像。图像宽度/高度比不同于表格单元格 - 图像比单元格长。我需要以100%的高度装入它,并修剪左右两端,使其适合宽度。

我是网站的新手,所以我不能发布示例图片,但我希望自己明白问题是什么......

任何帮助都将受到高度赞赏......

1 个答案:

答案 0 :(得分:0)

最简单的解决方案是将其设置为表格单元格的背景图像,它将自动进行视觉裁剪。

如果要调整背景图像的大小以使其完全覆盖表格单元格,同时保持其宽高比,则可以使用css3属性(有限的浏览器支持,IE ...):

background-size: cover;

完整的代码:

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