0

我已经创建了这样的表格。如果其中一个单元格为空白，则单元格消失。我想要该单元格的至少边框，如果值不存在。如果我尝试为 tr 分配边框，则无效。

<table border="1">

    <tr>
    <th>Month</th>
    <th>Savings</th>
    </tr>
    <tr>
    <td>January</td>
    <td>$100</td>
    </tr>
    <tr>
    <td>February</td>
    <td>$80</td>
    </tr>
    </table>
4

5 回答 5

1

如果任何单元格为空白，首先它在我的浏览器中工作。
如果它在您的浏览器中不起作用，则为td提供高度和边框。 和 css 它比使用属性更好。 请参阅此链接以了解 css 的边界。

于 2012-08-01T12:31:21.410 回答
0

您可以为 tr 内的所有 td 元素设置border-top 和border-bottom ，为内部的第一个和最后一个td 设置border-left / border-right 。

于 2012-08-01T12:18:17.127 回答
0

试试这个css作为单元格的边框：

td{
        border: 1px solid black;
        height: 20px;
    }

如果您希望将它放在一行上，请尝试将此 css 用于一行上的边框：

tr{
    border: 1px solid black;
    height: 20px;
}

请注意，20px 的高度是您想要的高度，这只是一个示例。

于 2012-08-01T11:57:05.250 回答
0

这是因为空表格单元格默认是隐藏的。要使它们出现，您可以使用以下 CSS：

table { empty-cells: show; }

更多信息：http ://www.cs.tut.fi/~jkorpela/HTML/emptycells.html 浏览器支持：http ://www.quirksmode.org/css/tables.html

从 IE8 向上的所有东西都支持这个 CSS（据我所知，IE7 无论如何都会显示空单元格）。

（如果你想内联，没有单独的 CSS 文件，试试<table style="empty-cells: show;">）

于 2012-08-01T12:50:31.027 回答
-1

如果要获得单元格边框，则必须将其设置在 td 上：

<td style〓"border: 1px solid #gfdfgf">
于 2012-08-01T11:56:44.237 回答