0

我需要一些关于表格对齐的帮助。我已经有一段时间没有编码了，也无法弄清楚我在这里做错了什么。我有这些 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看看它是如何居中的，但我找不到不取下SlideShowbackgrounddiv 的方法。

4

1 回答 1

1

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

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

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

小提琴

于 2013-01-30T05:03:47.687 回答