CSS圖片 超出部分隱藏 在網頁設計中，有時候我們需要在頁面中顯示大型圖片，但是這些圖片的尺寸可能會大于它們在頁面中所占的空間。這時候，我們可以使用CSS來隱藏這些圖片的超出部分，以保持頁面的美觀性和整潔性。 使用CSS實現超出部分隱藏的效果非常簡單。首先，在HTML中定義一個包含圖片的元素，可以是一個div、一個section或一個img標簽。然后，在CSS文件中添加如下樣式： ``` img { overflow: hidden; } ``` 這個樣式將圖片元素的超出部分隱藏起來。如果你想在水平方向和豎直方向都進行超出部分的隱藏，可以使用如下代碼： ``` img { overflow: hidden; width: 100%; height: 100%; } ``` 這個樣式會將圖片元素的寬度和高度設置為100%，這樣圖片就能夠在其父元素中水平和豎直居中，而且超出部分也會被隱藏起來。 除了在img標簽中使用這些樣式外，還可以在包含圖片的div或section元素中使用。這樣就可以在頁面中創建一個包含圖片的容器，并使用CSS將超出部分隱藏起來。 總之，使用CSS來隱藏圖片的超出部分是一種非常簡單而有效的方法，可以幫助我們更好地展示頁面上的內容。