全幅圖庫，中間有圖片

Question

我必須創建一個寬度為“無盡”的畫廊，每張幻燈片的寬度為940px ，網站中心的width:940px;margin: 0 auto 0; 如何強制當前圖片准確位於網站中心？

這是我的嘗試：

1個

  #gallery {
    white-space: nowrap;
    text-align: center;
  }

2

  #gallery {
    width: 100%;
    text-align: left;
  }

請注意，我可以使用javascript解決此布局問題，我正在尋找使用純 CSS的解決方案。

謝謝。

Answer 1

這可能會有所幫助-以下CSS將div放置在中心/中間（水平和垂直），而不是像align：center那樣僅水平居中。

http://jsfiddle.net/fSNJR/

#centerdiv { 
position:absolute; 
top:50%; 
left:50%; 
width:940px; 
height:300px; 
margin-top:-150px; /* Half your height */
margin-left:-470px; /* Half your width */
background:#333; }