css - 如何水平居中图像？

Question

我正在尝试将图像居中放置在容器中，但它不起作用。到目前为止，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;会很好，但我认为它不会像我想象的那样工作。有人可以帮我解决这个问题吗？

谢谢...

Answer 1

#imagebar {text-align:center;}

您的图像不是 block 级元素，因此只需将 text-align:center; 应用到它们的父元素即可。