将绝对div居中设置在相对div内，其宽度以百分比形式设置

Question

我需要这些div来构建一个jquery幻灯片。 divx div包含图像。左列（.left）包含填充整个列宽的滑块。 如何将图像置于#divx中心（它们有不同的尺寸）？

<div class = "left">

<p> Bla bla.</p>
<div id = "slider">
    <div>
   <img src="img/johndoe.png">  
   </div>
   <div>
   <img src="img/johndoe2.png">  
   </div>
</div> <!--end of slider-->

</div> <!--end of left-->

和css

.left {
margin-top:1%;
margin-left:1%;
max-width:48%;
float:left;
padding:1%;
}

#slider {
position:relative;
width:100%;

}

#slider #divx {
    position:absolute;
}

Answer 1

每个图像周围的div，创建一个css

display:block; margin-left:auto; margin-right:auto;