在網(wǎng)頁設(shè)計中，表格是一個非常常見的元素，而在表格中添加圖片也是很常見的操作。但有時候圖片的尺寸可能并不符合我們的要求，這時候就需要調(diào)整圖片大小了。下面介紹一下如何用CSS來調(diào)整表格中的圖片尺寸。
首先，在HTML中添加表格和圖片元素，示例如下：

<table>
<tr>
<td><img src="image.jpg"></td>
<td><img src="image.jpg"></td>
</tr>
<tr>
<td><img src="image.jpg"></td>
<td><img src="image.jpg"></td>
</tr>
</table>

上面的代碼中，我們添加了一個表格，其中每個單元格都包含一張圖片元素。現(xiàn)在我們需要調(diào)整每個圖片的大小。
方法一：使用CSS的width和height屬性

<style>
table img {
width: 50%;
height: auto;
}
</style>

上述CSS代碼中，我們使用了width和height屬性來指定每個圖片元素的寬度和高度。這里將寬度設(shè)置為50%，高度設(shè)置為自動，意味著圖片的高度將隨著寬度的變化而自適應(yīng)。
方法二：使用CSS的max-width和max-height屬性

<style>
table img {
max-width: 50%;
max-height: 50%;
}
</style>

上述CSS代碼中，我們使用了max-width和max-height屬性來指定每個圖片元素的最大寬度和最大高度。這里將最大寬度和最大高度都設(shè)置為50%，意味著圖片的尺寸將在寬度和高度的最大值內(nèi)自適應(yīng)。
以上就是調(diào)整表格中圖片尺寸的兩種方法。通過CSS的屬性設(shè)置，我們可以輕松地調(diào)整圖片大小，使其更好地適應(yīng)網(wǎng)頁布局。