CSS是一種用于網頁排版的語言,非常重要。如何處理圖片寬度超出的問題?我們可以使用CSS的overflow屬性,給容器設置一個固定寬度,并設置overflow:hidden,就可以將寬度超出的部分隱藏了。
.container { width: 200px; height: 200px; overflow: hidden; }
以上代碼表示一個寬高為200px的容器,當圖片寬度超出200px時,超出部分將會被隱藏。
當然,我們要使這個容器可以盛放圖片,可以這樣寫:
.container img { max-width: 100%; height: auto; }
以上代碼表示圖片的最大寬度為容器寬度的100%,高度會根據寬度自動調整。
這樣,圖片寬度超出的問題就可以很輕松地解決了。