如何水平放置图像？

我试图将图像集中在一个容器中，但它不工作。直到沙发的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/

我认为保证金左：自动;保证金右：自动;会很好，但认为不能如我所想的那样工作。任何人都可以帮助我吗？

谢谢...

来源

2013-08-21 Robske

您是否试图将条形图或图像居中？ 'margin-left：auto; margin-right：auto;'在这种情况下不起作用，因为你的位置是固定的。 –

链接中的图像是否位于页面中央？ – Vector

#imagebar {text-align:center;}

您的图片不是块级元素，所以只需申请text-align:center;他们的父母会做的伎俩。

来源

2013-08-21 18:38:23

我在这个洞天感到困惑，答案是一条简单的线条。非常感谢你... – Robske

没有prbblem，随时标记为答案，如果它帮助你:) –

由于#imagebar的宽度为100％，所以其自动居中。您可以在#imagebar内使用text-align: center对图像进行居中。

但是我认为你想在#imagebar中居中定义一个特定的“内容框”。

您可以通过在固定宽度（以px或％表示）中制作#imagebar中的div并将margin: 0 auto添加到该内部div来解决此问题。

来源

2013-08-21 18:41:37 LinkinTED

如何水平放置图像？

回答

相关问题