中心網頁，並有溢出

我知道如何用CSS中心內的web頁面，但我不知道如何與左側和右側都超大圖像/滑塊的溢出居中。一個完美的例子是Square.com。圖像是1455px，但窗口容器被設置爲1020px。但是，當你把窗戶變寬時，更多的圖像同樣出現在左側和右側。我嘗試了我能想到的每個CSS代碼版本，但沒有運氣。 1020像素的容器通常會切斷圖像的兩側。所以我希望你們可以幫助我解決這個問題。中心網頁，並有溢出

來源

2013-02-12 user2066325

用您找到的最接近的解決方案進行演示。幫助別人幫助你。 http://jsfiddle.net – isherwood 2013-02-12 21:40:08

你試過'background-size：cover;背景位置：50％50％;在外部全寬度容器上？ – 2013-02-12 21:43:35

您可以只設置background-position : center center;，它會放掉結束。

來源

2013-02-12 21:41:58 AlienWebguy

謝謝。不過，我想爲這個部分提供一個div，並在這個部分放置一個jQuery滑塊，所以它不會是背景圖片。 – user2066325 2013-02-12 21:49:36

我想我明白了。 - margin-left：-217px;寬度：1020px;位置：絕對;溢出：可見; 謝謝！ – user2066325 2013-02-12 21:55:53

中心網頁，並有溢出

回答

相關問題