Html 使用IE6/7中的CSS在表格列中居中显示内容

我有一个表，其中一列的内容通常比列本身窄。我希望本专栏的内容集中如下：

-----------------
| Column Header |
-----------------
|    Content    |
|    Content    |
|    Content    |
-----------------

快速搜索找到了一种解决方案，即使用

style=“diplay:table；margin:auto”

将内容放置在

div

中，但是这在IE6/7中不起作用，因为他们无法将

table

识别为显示模式。我宁愿避免显式设置

宽度

，因为内容的大小可能会有所不同

在IE6/7中，有没有一个黑客可以用同样的方式来显示？或者，是否有一种不同的方法可以跨IE6/7和所有主要浏览器工作

编辑：我无法使用

文本对齐：居中因为内容不是纯文本

编辑2:这里是JSFIDLE中的一个简单示例：。在sane浏览器中，该按钮显示在标题下方居中位置，但在IE6/7中仍保持左对齐。我希望它在IE6/7中也以同样的方式出现。
您是否尝试过margin:0px auto？
试一试，看看效果如何。
你试过margin:0px auto吗？
试一试，看看效果如何。
您是否在相关表格单元格中尝试了
上的
文本对齐：居中

<table>
    <thead>
        <tr>
            <th>Very Long Header</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                <div style="text-align: center">
                    <button name="short">short</button>
                </div>
            </td>
        </tr>
    </tbody>
</table>


超长割台
短的

text align:center
在每个浏览器中的工作方式都应该相同

您是否尝试过在相关表格单元格内的
上对齐文本：居中

<table>
    <thead>
        <tr>
            <th>Very Long Header</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                <div style="text-align: center">
                    <button name="short">short</button>
                </div>
            </td>
        </tr>
    </tbody>
</table>


超长割台
短的

text align:center
在每个浏览器中的工作方式都应该相同

这在IE6/7中不起作用，因为它们忽略diplay:table并将
div
显示为宽度为100%的块元素（因此边距为0）。我不想显式设置
div
的宽度，因为内容是动态的（但通常很短）。这在IE6/7中不起作用，因为它们忽略diplay:表，并将
div
显示为宽度为100%的块元素（因此边距为0）。我不想显式设置
div
的宽度，因为内容是动态的（但通常很短）。对不起，我应该在问题中提到内容不仅仅是文本。我会相应地更新。@Veredesmarld:我添加了一个小的更新，我认为将
文本对齐：居中
移动到
并从
中删除
显示应该可以做到。是的，这似乎可以做到，谢谢。有趣的是，我想我以前试过。。。哦，好吧。@Veredesmarld:试图让IE6和IE7表现自己对你的大脑不好，别担心。对不起，我应该在问题中提到，内容不仅仅是文本。我会相应地更新。@Veredesmarld:我添加了一个小的更新，我认为将
文本对齐：居中
移动到
并从
中删除
显示应该可以做到。是的，这似乎可以做到，谢谢。有趣的是，我想我以前试过。。。哦，好吧。@Veredesmarld:试图让IE6和IE7正常工作会对你的大脑造成不好的影响，别担心。你为什么不把你的问题放在上面让我们看？你为什么不把你的问题放在上面让我们看？