display:table 在 IE 中杀了我答案

【问题标题】：display:table killing me in IEdisplay:table 在 IE 中杀了我
【发布时间】：2011-02-20 16:10:27
【问题描述】：

我想创建水平对齐的表格单元格like the ones on this page。

我已按照说明进行操作，甚至逐字复制了 css 和标记，但无论我做什么，IE 8 都会将我的表格单元格呈现为块（彼此堆叠而不是彼此相邻对齐)。

css:

<style type="text/css">

body.TableStyles {
    display: inline-table;
    border-spacing: 4px;
}

div.maketable p {
    display: table-cell;
    width: 20%;
    background-color: #cdf;
    padding: 4px;
}

</style>

标记：

<body class="TableStyles">
<div class="maketable">
        <p>< prev</p>

        <p>next ></p>
</div>

</body>

【问题讨论】：

标签： html css internet-explorer css-tables

【解决方案1】：

你应该用这个替换你的身体标签，它肯定会工作！

<body class="TableStyles">
<div class="maketable">
        <table>
        <tr>
         <td>
           <p>< prev 
           </p>
         </td>
         <td>
         <p>next >
         </p>
        </td>
        </tr>
        </table>
        </div>

</body>

【讨论】：

【解决方案2】：

您的 HTML 格式不正确。在 previous 和 next 之前和之后的需要分别转义为 &lt; 和 &gt; 。这可能会迫使浏览器进入一些不符合 CSS 的怪癖模式

【讨论】：

感谢您指出这一点，但完全删除这些字符没有任何效果。
好的，您的 html 是否有有效的 xhtml doctype 声明？解释见cs.tut.fi/~jkorpela/quirks-mode.html

【解决方案3】：

不这样做，为什么不使用<ul><li>来达到效果呢？

【讨论】：