在不同浏览器上居中滑动图像

Question

在网页上的滑动图片[page banner]，我只需要将它放在中间而不是将它浮动在左侧或右侧..

对于HTML代码

<ul class"rslides" id="slides">
  <li><img src"image/test.jpg"></li>
  <li><img src"image/test2.jpg"></li>
</ul>

在 CSS

.rslides
position:relative
overlow:hidden
padding:0
margin:0

.rslides li{
position:absolute
display:none
width :100%
left:0
right:0

如何将我的滑动图像定位在主页的中央..我在 chrome 和 firefox 中打开都显示在左侧

Answer 1

你可以添加margin-left:auto;和 margin-right:auto; 到你的父 B 容器，固定宽度小于屏幕宽度。肯定有用

Center Sliding Image on Different browsers