表格与 Div 对齐

Question

我需要一些关于表格对齐的帮助。我已经有一段时间没有编码了，也无法弄清楚我在这里做错了什么。我有这些 div 设置和一个表格，但由于某种原因，表格没有与中间对齐。它仅与桌子的左侧对齐，其余部分通向右侧。这是我的代码：

<div id="SlideShow_Wrapper" align="center">
    <div id="SlideShow_Background" align="center">
        <div align="center" id="SlideShow">
            <table border="1" align="center" >
                <tr align="center">
                    <td style="padding-right:15px;"><img src="LeftArrow.png"  /></td>
                    <td><img id="SlideShow_Picture" src="Ore_Background.png"  /></td>
                    <td style="padding-left:15px;"><img src="RightArrow.png"  /></td>
                </tr>
            </table>
        </div>
    </div>
</div>

这是我的 CSS：

#SlideShow {
    margin:0px auto;
}
#SlideShow_Background {
    background-image:url(Stone.png);
    border-radius:10px;
    width:820px;
    height:420px;
}
#SlideShow_Wrapper {
    padding-top:50px;
}

我尝试了一些方法，当我删除 SlideShow_Background 时，表格正常对齐，但是当我重新添加它时，表格只是向右对齐。任何帮助都会很好

编辑：
我希望桌子居中，而不是偏右。这个jsFiddle 显示它，但没有内容，但你可以看到我的意思。
下一个链接就是我想要的样子，jsfiddle.net/fuECu 看看它是如何居中的，但是如果不去掉 SlideShowbackground div，我就找不到办法做到这一点。

Answer 1

您的表格已经居中。 SlideShow_Background 部门只是在小屏幕上创建一个水平滚动条。但是，如果您将栏滚动到中间，您会看到该表格位于中心。

如果您希望表格居中，则不必删除SlideShow_Background。只需删除 div 的 height 和 width 属性即可。它将被设置为自动。

#SlideShow_Background{
background-image:url(Stone.png);
border-radius:10px;
}

Fiddle