是否可以仅使用 css 和 html 使表格行相互重叠?
请帮忙。页面在这里,当用户选择有条件休假时,他们会提示不同的附加字段来填写。但我只想知道是否可以将行设置为重叠,这样表格就不会太长。
http://www.tritech.com.sg/consultants/intranet/leave_application/leave_form/index.php
是否可以仅使用 css 和 html 使表格行相互重叠?
请帮忙。页面在这里,当用户选择有条件休假时,他们会提示不同的附加字段来填写。但我只想知道是否可以将行设置为重叠,这样表格就不会太长。
http://www.tritech.com.sg/consultants/intranet/leave_application/leave_form/index.php
是的,可以使用 CSS 和 HTML 来允许元素重叠,并且有很多技术可以做到这一点,但是这样做会导致这些行的内容重叠。除非你真的想隐藏你的内容,否则它不是一个很好的节省空间的技术。最好减少行和/或单元格中的填充。
话说回来..
tr
{
display:block;
position:absolute;
height:15px;
top:0px;
}
您需要将位置设置为阻止以阻止它们像表格行一样运行,然后根据您需要如何控制它们来定位相对或绝对位置。然后设置新的最高值以匹配。此样式会将所有表格行与表格顶部对齐。重要的是要注意表格中的单元格将不再受元素限制,这意味着它们将跳出表格,因此必须隐藏using overflow:hidden;
我希望这能解决您的问题,但我会敦促您考虑比这更好的选择。如果您不需要显示内容,则设置元素display:none;
具有更好的效果,并且更容易切换内联或作为类。
如果我有示例代码要使用,PS 将是一个更好的例子。