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

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

对于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打开，都显示在左侧

最佳答案

您可以添加margin-left：auto;和margin-right：auto;到您的父B容器，且其固定宽度小于屏幕宽度。它肯定会工作

关于html - 在不同浏览器上居中滑动图像，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/36275232/