html - 在 IE6/7 中使用 CSS 将表格列中的内容居中

Question

我有一个表格，其中一列的内容通常比该列本身窄。我希望本专栏的内容像这样居中:

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

快速搜索找到了将内容放置在 style="diplay:table; margin:auto" 的 div 中的解决方案，但是这在IE6/7 因为它们不识别 table 作为显示模式。我宁愿避免显式设置 width，因为内容的大小可能会有所不同。

是否有 hack 可以在 IE6/7 中以相同的方式显示？或者，是否有适用于 IE6/7 和所有主要浏览器的不同方法？

编辑:我不能使用 text-align:center; 因为内容不是纯文本。

编辑 2: 这是 jsFiddle 中的简单示例:http://jsfiddle.net/KK5Bp/ .该按钮在正常浏览器中显示在标题下方居中，但在 IE6/7 中仍左对齐。我希望它在 IE6/7 中也以同样的方式显示。

Answer 1

你试过了吗text-align: center在 <div>在相关表格单元格内？

<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在每个浏览器中应该都一样。

http://jsfiddle.net/ambiguous/NYYwd/