Question

我为Table创建了一个示例HTML，其中我有3列和2行。

    <!DOCTYPE html>
<html>
<body>
    <table border='1' width='400px' cellspacing="0" cellpadding="2" height='100%' style='color: black;'>
        <tr style='color: #fff; background: black;'>
            <th>column1</th>
            <th>column2</th>
            <th>column3</th>
        </tr>
        <tr>
            <td></td><td> </td><td> 1234</td>
        </tr>
        <tr>
            <td> 190</td><td> 2</td><td>454545</td>
        </tr>
    </table>
</body>
</html>

表已成功创建，但数据不可用的列之间缺少分隔符。这个问题只发生在IE中，在Mozilla中运行正常。任何人都可以帮我找到解决方案吗？ Printscreen

Answer 1

您可以通过为表格和td标记定义精确的边框样式来解决此问题，这样可以防止浏览器应用自己的样式。删除border='1'并定义

table {
border: 1px solid #3C2610;
}

td {
border: 1px solid #3C2610;
}

除非它充满了某些东西，否则某些IE中存在一个单元格。如果你可以放一个 （不间断空格）来填补空白，那通常会有效。

显然，IE8默认显示单元格，你必须用空单元格隐藏它：hide但它在IE7中根本不起作用（默认隐藏）

另一个解决方案是将这两个属性添加到表元素：frame="box"和rules="all"，如下所示：

<table border="1" cellspacing="0" frame="box" rules="all">

Answer 2

在空列中放置一个不间断的空格（ ）吗？

Answer 3

尝试在 标记之间添加td，例如 HTML

中的<tr><td> </td><td> </td><td> 1234</td></tr>

创建HTML表

3 个答案: