html表不会在div内居中对齐，该div是dojox / layout / contentpane的左区域

Question

我在dojox / layout / ContentPane左区域div中有一个html表。我无法将表格放在div的中心。我试过使用：margin：0 auto;在表格的CSS样式中，但表格始终保持对齐。该表包含一个dijit / layout / TabContainer，其中包含用Google图表填充的内容窗格（可能会影响布局吗？）。下面是我的代码，任何建议表示赞赏。在屏幕快照中，图像左侧的表格边框为黄色，而div边框为橙色]

<div data-dojo-type="dojox/layout/ContentPane" id="FormLeft" data-dojo-props="splitter: false, region:'left'">
        <div id="FormLeft">
            <table class="TblPieCharts">
                <tr>
                    <td>
                        <div data-dojo-type="dijit/layout/TabContainer" class="TCPieChart" id="tcTickets">
                            <div data-dojo-type="dijit/layout/ContentPane" title="Categories" id="DACat"></div>
                            <div data-dojo-type="dijit/layout/ContentPane" title="Priorities" id="DAPriority"></div>
                            <div data-dojo-type="dijit/layout/ContentPane" title="Types" id="DAType"></div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td><div id="DAFYE" /></td>
                </tr>
            </table>
        </div>
    </div>

CSS：

/*style for content pane*/
#FormLeft {
width: 25%;
background-color:black;
border-width: 6px;
border-color:orange;
}
/*style for table holding pie charts*/
.TblPieCharts {
margin: 0 auto;
align-content:center;
background-color: yellow;
color: white;

}
/*style for tab container*/
.TCPieChart {
width: 350px;
height: 300px;
background-color: black;
margin: 0 auto;
border-width: 0px;
}
/*style for pie chart*/
#DACat {
width: 350px;
height: 250px;
background-color: black;
margin: 0 auto;
border-width: 0px;
}

谢谢

Pete

Answer 1

您可以将text-align: center设置为包含Tabcontainer的td。