不同浏览器上的中心滑动图像

Question

在网页上的滑动图片[页面横幅]上，我需要将其放在中心而不是将其浮动在左侧或右侧..

对于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容器，其宽度小于屏幕宽度。它肯定会起作用