Question

我想创建水平对齐的表格单元格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>

Answer 1

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

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

</body>

Answer 2

您的HTML格式不正确。＆lt;和＆gt;在上一个和下一个之前和之后需要分别以<和>进行转义。这可能会迫使浏览器进入一些不符合CSS的怪癖模式

Answer 3

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

显示：表在IE中杀了我

3 个答案: