中心爲大於100％

我無法定心這是大於它的父元素的圖像元素。我已將最小寬度和最小高度設置爲100％，以便圖片始終填充父元素。中心爲大於100％

視覺問題，當一個圖像不具有父元素的比例出現。圖像在右側或底側被裁剪得太多。

我想，當我剛居中的圖像，我可以繞過這個問題，所以畫面的最重要的部分不會被裁剪。有沒有一種方法可以將大於其父元素的圖像居中？（在不改變父元素OFC）

我寧願看到一個css導向的答案，而不是由於性能問題JavaScript中的DOM遍歷大量的圖片時。

這裏是包含在一個父http://d.pr/kEcb兩個圖像的屏幕截圖的一部分。圖像大小確定，但我不能讓他們集中

你有設置圖像父元素溢出：都看得到？ – 2011-03-29 13:44:53

您可以使用[jsFiddle]（http://jsfiddle.net/）和[http://dummyimage.com/](http://dummyimage.com/）顯示問題嗎？ – thirtydot 2011-03-29 13:57:43

試試這個效果。父DIV

img/div/whatever { 
    left: 50%; 
    margin-left: **Half of image width** 
}

2011-03-29 13:46:24

使用overflow屬性，如果你想觀看的圖像出來的DIV使用其他可見使用滾動

2011-03-29 13:55:28 anu

我想要裁剪圖像，但均勻地放在外側邊緣。不僅在右邊和底部 – 2011-03-29 14:38:01

那麼你可以嘗試邊緣頂部： - [圖像高度 - div的高度]和margin-left： - [div的圖像寬度] – anu 2011-03-30 05:02:50

最簡單的CSS的解決辦法是將圖像設置爲背景 - 父的形象，

與{背景重複：不重複;背景位置：中心中心;}

2011-03-29 14:12:45 kennebec

該解決方案以圖像爲中心，但它取消最小高度和最小寬度，因此圖像太小。 – 2011-03-29 14:37:10

回答