html - 如何重叠表格行？

Question

是否可以仅使用 css 和 html 使表格行相互重叠？

请帮忙。页面在这里，当用户选择有条件休假时，他们会提示不同的附加字段来填写。但我只想知道是否可以将行设置为重叠，这样表格就不会太长。

score 1 · Accepted Answer

是的，可以使用 CSS 和 HTML 来允许元素重叠，并且有很多技术可以做到这一点，但是这样做会导致这些行的内容重叠。除非你真的想隐藏你的内容，否则它不是一个很好的节省空间的技术。最好减少行和/或单元格中的填充。

话说回来..

tr
{
    display:block;
    position:absolute;
    height:15px;
    top:0px;
}

您需要将位置设置为阻止以阻止它们像表格行一样运行，然后根据您需要如何控制它们来定位相对或绝对位置。然后设置新的最高值以匹配。此样式会将所有表格行与表格顶部对齐。重要的是要注意表格中的单元格将不再受元素限制，这意味着它们将跳出表格，因此必须隐藏using overflow:hidden;

我希望这能解决您的问题，但我会敦促您考虑比这更好的选择。如果您不需要显示内容，则设置元素display:none;具有更好的效果，并且更容易切换内联或作为类。

如果我有示例代码要使用，PS 将是一个更好的例子。

1 回答 1