CSS表格中如何縮小圖片是一個非常常見的問題。
首先,我們可以使用CSS中的width
屬性來設置圖片的寬度:
img { width: 50%; }
這將把圖片寬度縮小到其容器的寬度的50%。
另一種方法是使用CSS中的max-width
屬性。這將保持圖片的縱橫比,并將其縮小以適應其容器的最大寬度:
img { max-width: 100%; height: auto; }
這將確保即使容器很窄,圖片也不會變形。
最后,我們可以使用CSS中的縮放屬性transform:scale()
來縮小圖片,如下所示:
img { transform: scale(0.5); }
這將將圖片的大小縮小到其原始大小的50%。
無論我們使用哪種方法,我們都可以輕松地在我們的CSS表格中縮小圖片。