html - 如何在html中为整个单元格加下划线

Question

当我使用<td><u>test</u></td>. 我只是在测试下划线，而不是整个单元格。下划线不延伸到整个单元格。请问我怎样才能在整个单元格下划线？

score 3 · Accepted Answer

3

您可以在单元格底部添加边框。

td {
    border-bottom: 1px solid #000;
}

于 2013-05-06T04:12:26.443 回答

score 0 · Accepted Answer

让你成为填充整个单元格的块元素，然后你可以对其应用 css 样式：

u { display:block; border-bottom: 1px solid #000; }

score 0 · Accepted Answer

您不能在“整个单元格”下划线，因为 CSS 中的下划线仅与文本相关。因此，您可以为单元格的整个文本内容添加下划线，但不能为单元格本身添加下划线。

要使下划线从单元格的左边缘延伸到右边缘，您需要将单元格的水平填充设置为零（它们的典型默认值为 2px）并使单元格宽度等于文本。后者通常可以通过不设置单元格的宽度并且在同一列中没有任何单元格需要比所考虑的单元格更大的宽度来实现。

很难看出您为什么要这样做，而且您很可能实际上并不想要下划线而是边框。

3 回答 3