Question

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

<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>

Answer 1

首先，如果任何单元格为空白，则在浏览器中工作如果它在浏览器中不起作用，则将高度和边框添加到 td 。
并且比使用属性更好的想法请参考this link了解边境的css。

Answer 2

尝试使用此css获取单元格上的边框：

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

尝试将此css用于行上的边框（如果您想要它在一行上）：

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

请注意，20px的高度可以达到你想要的高度，这只是一个例子。

Answer 3

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

Answer 4

这是因为默认情况下隐藏空表格单元格。要使它们出现，您可以使用此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;">）

Answer 5

如果你想获得一个单元格边框，你可以在td：

上设置它

<td style〓"border: 1px solid #gfdfgf">

如何为tr分配边框？

5 个答案: