關於banner圖居中
阿新 • • 發佈：2019-02-18
<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%);
這樣不知道圖片寬度也可以居中