显示:表在IE中杀了我

时间:2010-05-17 23:37:57

标签: css-tables

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

3 个答案:

答案 0 :(得分:1)

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

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

</body>   

答案 1 :(得分:0)

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

答案 2 :(得分:0)

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