我如何居中這個簡單的幻燈片？

Question

我一直試圖讓這個幻燈片中心沒有成功：

http://www.lateralcode.com/simple-slideshow/

看來position: absolute是什麼是真正與我搞亂......

如何中心這個幻燈片，以便在頁面調整大小時，它看起來是正確的，並且幻燈片仍能正常工作？

請幫忙！

Answer 1

我把它用這個工作：

.ppt img { margin-left:-50%; } 
.ppt li { left:50%; } 

Answer 2

您可以中心，得到的CSS屬性position:absolute這樣的內容：

.elem { 
    position: absolute; width:200px; height:200px; left:50%; 
    margin-left:-100px; /* you need to deduct half width from margin left */ 
} 

Here is jsFiddle.

Answer 3

包裝是UL與股利。

<div id="slider"> 
    <ul></ul> 
</div> 

#slider{ 
width:650px; 
margin-left:auto; 
margin-right:auto" 
}