全宽画廊，中间有图像

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