根据表大小调整表中的图像大小

时间:2013-04-06 19:05:39

标签: html css

我有一张桌子,里面会放置图像。一些图像将大于桌子的宽度(高度无关紧要)。我正在寻找一种方法来保持图像与表格大小相同而不会拉伸桌子。我不想将图像宽度设置为100%,因为如果图像宽度小于表格宽度,它会使图像更宽。另外,我希望比例保持不变。有什么想法吗?

2 个答案:

答案 0 :(得分:0)

使用css;

示例:style.css (两个人之一)

关于“img”通过指定高度或宽度

img {
   max-height:50px;
}

关于 td th 内的表格(取决于你是否使用过)

td {
   max-height:50px;
}

在此处阅读指南:http://www.w3schools.com/cssref/pr_dim_max-height.asp

答案 1 :(得分:0)

将img的高度调整为<tr>的高度,例如

tr {
height:40px;
}
tr img{
height:40px;
}