0

画像をコンテナの中央に配置しようとしていますが、うまくいきません。cssが次のようになるまで;

#wrap{
min-height: 100%;
}
#imagebar{
 position:fixed;
 margin:0 auto;
 top:60%;
    width: 100%;
    height: 200px;
    background: yellow;
}
#albums{
margin:8px;
    display: inline-block;              
}

私のウェブサイトはhttp://www.robcnossen.nl/です

margin-left:auto;margin-right:auto; と思いました。良いと思いますが、思ったように機能していないと思います。誰でもこれで私を助けることができますか?

ありがとう...

4

2 に答える 2

3 
#imagebar {text-align:center;}

画像はブロックレベルの要素ではないためtext-align:center;、親に適用するだけでうまくいきます。

于 2013-08-21T18:38:23.840 に答える
0

幅が 100% であるため#imagebar、自動的に中央に配置されます。を使用して画像を中央に配置できtext-align: centerます#imagebar。

ただし、その中に特定の「コンテンツボックス」を中央に配置する必要があると思います#imagebar。

内側#imagebarに固定幅 (px または %)の div を作成margin: 0 autoし、その内側の div に追加することで、これを修正できます。

于 2013-08-21T18:41:37.833 に答える