jquery - 图像 slider Div 错误

Question

我正在使用 Ajax 创建图像 slider ，但在将 div 添加到我的 HTML 部分时遇到问题，因此我可以将 slider 居中...在下面我添加了 centerSliderDiv 以使其居中，但不起作用。我尝试添加一个简单的背景颜色来测试，但这也不起作用。不确定为什么 centerSlideDiv 不工作!有什么想法吗？

谢谢

<div id = "centerSlideDiv">
                <button class="prev">
                    Previous
                </button>
                <div id="images">
                    <div>
                        <img src='firstImage.jpg'/>
                    </div>
                    <div>
                        <img src='secondImage.jpg'/>
                    </div>
                    <div>
                        <img src='thirdImage.jpg'/>
                    </div>
                </div>
                <button class="next">
                    Next
                </button>
            </div>

CSS:

button {
    float: left;   
}
#images div {
    border: 1px solid #000;
    float: left; 
    height:209px;
    margin: 5px;
    text-align: center;
    width: 300px;

}​

#centerSlideDiv{
    width: 1000px;
    margin: 0 auto;
    background-color:green;
}

Answer 1

改变这个:

#images div {
    border: 1px solid #000;
    float: left; 
    height:209px;
    margin: 5px;
    text-align: center;
    width: 300px;

}​

为此:

#images div {
    border: 1px solid #000;

    height:209px;
    margin: 5px;
    text-align: center;
    width: 300px;

}​

单击此演示:DEMO 我为您更新演示，请单击此链接:DEMOUPDATE