1

我想创建水平对齐的表格单元格，就像这个页面上的单元格一样。

我已按照说明进行操作，甚至逐字复制了 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>
4

3 回答 3

1

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

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

</body>
于 2013-02-04T09:18:25.827 回答
0

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

于 2010-05-17T23:41:50.890 回答
0

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

于 2010-05-17T23:57:24.703 回答