Html 将div与页面中心对齐 生效日期： 结束日期：

因此，

选择

框位于中间，但我无法使

中的所有内容都对齐

我对这种简单的CSS很糟糕。我做错了什么？我还尝试了
文本对齐：居中
与另一个div一起使用，并且只将表直接保留在第一个div中。
对您的div中的表执行此操作。
div

给
一个宽度，然后应用
边距：0自动，这将使表在容器中居中。
您的问题是，默认情况下，div是其父级的100%宽度。因此，设置
margin:0自动将不会起任何作用。如果要将其居中，需要为div指定一个宽度，然后可以应用
边距：auto否则设置
文本对齐：居中详细信息”上的“代码”
对于您想要实现的目标，我有点困惑。是否希望表的元素文本居中对齐？我只希望表所在的整个div在页面上居中对齐，即整个表本身。
<div style="text-align:center;">
        <select id="sponsorList"></select>&nbsp;<img alt="Loading..." src="../../Img/ajax-loader.gif" id="loader" />
        <span style="display:none;" id="selectedSponsorId"></span>
        <div id="sponsorRowDetails" style="margin-left:auto; margin-right:auto;">
            <table>
                <tbody>
                    <tr>
                        <td>Effective Date: </td>
                        <td><input type="text" id="startDate" /><br /></td>
                    </tr>
                    <tr>
                        <td>End Date: </td>
                        <td><input type="text" id="endDate" /></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>