回復討論(解決方案)

你的需求好奇怪，如果是要圖四的效果（即圖片的高度顯示不全），以下代碼可以滿足。

#tt {background-color:#FF0000;margin: auto;width: 100%;height:400px;overflow: hidden; /* 添加的 */}

#tt .img {width: 100%;}

我的這個帖子可能沒表達清楚我的需求，比如一個活動頁中div里面的一個img寬度1920， 需求是我瀏覽器分辨率是1024 那么img就顯示1024寬度居中，超出范圍隱藏，如果瀏覽器分辨率是1400，那么img就居中顯示1400寬度，兩邊超出部分隱藏。

這個得寫jquery，獲取那個div的寬度，將這個寬度值賦給img，css中img加個overflow：hidden；只為分數而來

樓上大神有代碼沒。

我這正好有代碼，找我下，私聊我信箱，給你發去

你可以換個思路，不要把圖片放在div中，作為div的背景圖片，利用background-size:cover，就可以實現絕對居中，這樣還可以擺脫div寬高度變動需要重新調整的限制

你的圖片大小到底變不變？如果img設置成100%，那么永遠都是隨外邊的div寬度變化，也就是居中的效果。如果你的圖片寬度就是1920px不變的話，樓上的方法可行，就是做成背景圖片。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com