如何正确地将表格置于其div容器中？

Question

我不是很喜欢HTML和CSS而且我把一个表放在容器的中心有一些问题。所以我有以下情况：

<!-- SEDE LEGALE: -->
<div id="sedeLegaleTab">
    <table class="standard-table-cls table-header-cls">
        <thead class="opening active">
            <tr>
                <th>
                    <img class="imgAccordion" src="img/arrow_down.gif"/>
                    Sede Legale
                </th>
             </tr>
        </thead>

        <tbody class="expanded" >
            <tr>
                <td>
                    <div id="sedeLegaleContent" class="accordion-pane-content">
                        <table class="standard-table-cls" style="width: 90%;">
                            <tbody>
                                <tr>
                                    <td>Ragione Sociale</td>
                                    <td colspan=5>
                                        <input type="TEXT" name="ragsoc" size=60 maxlength=100 <%=master?"":"readonly"%>
                                               class="testosmallUpper" value="<%= ragioneSociale %>" onblur="MakeItUpper(event,this)">
                                    </td>
                                </tr>

                                ..............................................
                                ..............................................
                                ..............................................
                                OTHER TR
                                ..............................................
                                ..............................................
                                ..............................................
                            </tbody>
                        </table>
                     </div>
                </td> 
            </tr>
        </tbody>
    </table>
</div>

我知道这是一个非常糟糕的旧桌面布局，但它是一个非常古老的遗留应用程序，我必须努力。

所以这是该表内容呈现的截图（即上一代码）：

<table class="standard-table-cls" style="width: 90%;">

现在，正如您所看到的，此表位于具有 id =“sedeLegaleContent”的div中，并且已设置 style =“width：90％;” < / p>

所以我需要将它放在容器中（具有 id =“sedeLegaleContent”的div）

我可以尝试做什么？

我可以通过这种方式将 align =“center”属性添加到此div中：

<div id="sedeLegaleContent" class="accordion-pane-content" align="center">

但我可以用更好的方式使用CSS吗？或者这是一个很好的解决方案？

Answer 1

尝试使用如下： Demo

CSS：

table{
    border:1px solid #ddd;
    margin:0 auto;
}