关于banner图居中

  

<div class="main">
<ul>
<li ><a href=""><img src="img/main_a1 (4).jpg" alt="" title=""></a></li>
<li ><a href=""><img src="img/main_a1 (3).jpg" alt="" title=""></a></li>
<li><a href=""><img src="img/main_a1 (2).jpg" alt="" title=""></a></li>
<li><a href=""><img src="img/main_a1 (1).jpg" alt="" title=""></a></li>
<li><a href=""><img src="img/main_a1.jpg" alt="" title=""></a></li>
</ul>

</div>

.main {
width: 100%;
position: relative;
height: 618px;
overflow: hidden;

}

.main ul {
position: absolute;
top:0px;
left: 50%;

margin-left: -960px;

}

 刚学了空间移动

margin-left:-960px;

可以换成transform:translateX(-50%);

扫描二维码关注公众号，回复： 1061890 查看本文章

这样不知道图片宽度也可以居中