CSS表格是網(wǎng)頁(yè)中最常用的元素之一。在表格中使用圖片可以增強(qiáng)頁(yè)面的視覺(jué)效果，但是圖片的大小有時(shí)候會(huì)影響到表格的布局。那么在CSS表格中如何控制圖片大小呢？
使用CSS的width屬性可以控制圖片的大小。我們可以將圖片封裝在一個(gè)div容器中，然后在CSS中設(shè)置圖片的寬度，如下所示：

<p><div class="image-container"></p>
<p><img src="example.jpg"></p>
<p></div></p>
<p>/* CSS代碼 */</p>
<p>.image-container img {</p>
<p>  width: 200px;</p>
<p>}</p>

在上面的代碼中，我們將圖片和一個(gè)div容器一起封裝起來(lái)，然后在CSS中使用.image-container img選擇器將圖片選擇出來(lái)，并設(shè)置其寬度為200像素。這樣，圖片的大小就可以被正確地控制了。
除了使用width屬性外，我們還可以使用CSS的max-width屬性來(lái)控制圖片的最大寬度。如果圖片的原始大小超過(guò)了最大寬度，那么圖片會(huì)被等比例縮小到最大寬度，如下所示:

<p>.image-container img {</p>
<p>  max-width: 100%;</p>
<p>}</p>

在上面的代碼中，我們將圖片的最大寬度設(shè)置為容器的100%。這樣，無(wú)論圖片原始大小是多少，都會(huì)被縮小到容器的寬度內(nèi)。
總結(jié)一下，在CSS表格中控制圖片大小的方法主要有兩種：使用width屬性和max-width屬性。通過(guò)封裝圖片容器，在CSS中設(shè)置寬度或最大寬度，就可以輕松地控制圖片的大小了。