我如何将这个简单的幻灯片放在中心？

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

用div包装那个ul。

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

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