html - 根据表格大小调整表格内的图像大小

Question

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

Answer 1

使用CSS；

示例：style.css（两者之一）

通过指定高度或宽度来了解“img”

img {
   max-height:50px;
}

---

关于td或th内的表（取决于您是否使用 th）

td {
   max-height:50px;
}

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

Answer 2

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

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