全幅圖庫中心

我必須創建一個「無盡」寬度的圖庫，每張圖片寬度爲940px，網站中心圖片爲width:940px;margin: 0 auto 0;圖片如何強制當前圖片爲網站的中心？全幅圖庫中心

這裏是我的嘗試：

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

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

請注意，我可以解決使用JavaScript這樣的佈局問題，我與 純尋找一個解決方案 css。

謝謝。

來源

2012-09-20 Amir Abu Shareb

我們展示現場採樣，圖像可以簡單地對準'文本對齊中心！所以，如果它不工作，你應該提供完整的代碼或現場示例...即使所有圖像都是'940px'，@ Night2 – Night2

？ –

只要它是這樣的：'

'，如果你的圖像比屏幕大，那麼它會導致滾動條... – Night2

這可能會有所幫助 - 下面的CSS將在中間/中間（水平和垂直）放置一個div，而不是像align：center一樣水平居中放置。除非有它其他的風格`父標籤;中心：

#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; }

來源

2012-09-20 07:56:15

全幅圖庫中心

回答

相關問題