我想创建水平对齐的表格单元格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>
答案 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;在上一个和下一个之前和之后需要分别以<
和>
进行转义。这可能会迫使浏览器进入一些不符合CSS的怪癖模式
答案 2 :(得分:0)
而不是这样做,为什么不使用<ul><li>
来达到效果?