水平居中,绝对定位图像

时间:2012-06-25 03:28:16

标签: css position centering

Here是一个中心的小提琴,但position:relative而不是position:absolute的图像。

Here是另一个小提琴,绝对定位,但没有居中。

请注意,图片的可变宽度

图片必须居中的原因是因为我希望淡出一个而另一个淡出其背后。

有什么想法吗?谢谢!

1 个答案:

答案 0 :(得分:0)

更好的解决方案是根本不使用CSS位置属性。

尝试将图像显示为块元素,并告诉浏览器左右使用自动边距。

#imagesContainer img{
    display:block;
    margin:0 auto;
}

概念证明小提琴(添加边框,以便您可以看到图像实际上居中): http://jsfiddle.net/9nkDS/5/