0

「無限」幅のギャラリーを作成する必要があり、各スライドは940px広く、ウェブサイトの中心は単純です現在の画像をウェブサイトの中心に正確に配置するにwidth:940px;margin: 0 auto 0;はどうすればよいですか?

ここに私の試みがあります:

1

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

2

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

このレイアウトの問題は JavaScript で解決できることに注意してください。純粋なCSSを使用した解決策を探してい ます。

ありがとう。

4

1 に答える 1

1

これは役立つかもしれません-次のCSSは、align：centerのように水平方向の中央に配置するのではなく、中央/中央（水平方向と垂直方向）にdivを配置します。

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; }
于 2012-09-20T07:56:15.517 に答える