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属性即可。它将被设置为auto。

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

Fiddle

表格与Div对齐

1 个答案: