調整大小的水平中心圖像

我有一張1920x400像素的幻燈片。就像這樣，當我在1920px +瀏覽器窗口全屏顯示時，這些圖像只是中心。如果我重新調整我的窗口大小，即1600px，則圖像右移中心，並與網站其他部分不一致。

我希望幻燈片保持居中，因爲我縮放瀏覽器窗口的寬度，並根據瀏覽器的寬度向左和右顯示/隱藏圖像區域。我不想縮放圖像比例，我不能使用背景圖像，其中任何一種都很簡單。

我假設一個JS偵聽器計算圖像的寬度和瀏覽器窗口的寬度，以不斷在中心顯示它。

您將得到更好的答案，如果你提供一個小的自包含的例子，它包含了足夠的代碼展示這個問題，沒有任何額外的東西。將此代碼發佈到問題中或JSFiddle（jsfiddle.net）中。這樣做可能需要很多工作，但它是解決問題的關鍵部分。 – KatieK

上.slides的包裝器添加這些樣式：

left: 50%; 
margin-left: -960px; // half the width of your image block

2012-12-17 23:54:59

謝謝你！我至少在#slides和.slides-wrapper文章上試了五次......從來沒有在.slides-wrapper上。我覺得我好笨。 –

np，一定要接受答案:) –

回答