當我們在做開放給很多人可以上傳圖片的平台時，例如部落格 相簿 商城等平台。常常會遇到一個困擾：遇到不會修圖的會員，圖檔規格都很奇怪導致索引頁面跑版
像這樣：
這個時候其實我們只要做一下小小的css設定就可以矯正這個問題：
1.建立一個div把圖片包起來：
<div class=img>
<img src=\"圖片路徑\" width=\"鎖定寬度\" />
</div>
2.設定css內容 重點是要設定overflow=hidden
這樣的做法，圖片本身不會受到影響，但是多餘的部分就會被隱藏起來。
像這樣：
1.建立一個div把圖片包起來：
<div class=img>
<img src=\"圖片路徑\" width=\"鎖定寬度\" />
</div>
2.設定css內容 重點是要設定overflow=hidden
.img{
width:100px;
height:100px;
overflow:hidden;
}
width:100px;
height:100px;
overflow:hidden;
}
這樣的做法，圖片本身不會受到影響，但是多餘的部分就會被隱藏起來。
這樣就會整齊一點啦！不過上傳時的圖片預先裁切才是要先做好的功課喔！
留言