我在主页上有一个滑块图像
出于某种原因,在 Firefox 和 Safari 中,图像显示在右侧。在 Chrome 中,它应该显示在中心。
我相信这取决于定位,但是我尝试过的改变似乎有很大帮助。
有人有什么想法吗?
将您的 CSS 更改为:
#slider-container{
width:960px;
position: relative;
overflow:hidden;
height:300px;
z-index:100;
border-bottom:1px solid #2b292d; padding-bottom:20px;
text-align: center;
margin: 0px auto;
}
#content-wrapper{ position:relative; z-index:200; bottom:-50px;}
.....................
您好,现在定义您的幻灯片 ID left 50%
并授予margin-left: - half
slider width
像这样。
#slider-container{
left:50%;
margin-left:-480px; // total width of 980px half
}
将元素的 margin 属性设置为0 auto
,然后将父元素的text-align
属性设置为center