Question

我有一个关于使用CSS的问题，以便在问卷中隐藏一行（问题发生超过20次，所以很遗憾难以只调整问卷的结构）： 如何隐藏HTML表格行以便不占用空间（不像：“visibility：hidden”）？

我寻找一个替代命令“visibility：collapse”（隐藏行（不像：“ visibility：hide ”）但保持对布局的影响（保持rowspan + colspan与“ display：none ”相反，适用于所有浏览器，包括Chrome和IE。是否有任何替代可以解决我的问题？

我在页面中添加了链接，导致我的问题供您参考：

http://ww2.unipark.de/uc/hollnder_Goethe_Universit__t_Fra/4568/ospe.php?SES=ce4b3db51563762d1d5b1c27c3598dbc&syid=243842&sid=243843&act=start&preview_mode=1

（代码：80a4231323d632d5，如果被问到：“Bitte geben SieIhregültigenZugangsdatenein”）

我添加了带有项目比例的行（总是在顶部出现）也总是在字幕下方，以解决下面语句的按钮移位问题（目前有移位按钮的问题）对于问题1和问题2 - 问题在问题3中得到修复，但我无法摆脱字幕下面的额外空间。）

为了解决我的问题，我尝试在单独的CSS文件中添加以下3个不同的代码，可以用来调整问卷的样式：

.nameq_2610826 ul.head.odd.i4 {opacity：0;位置：绝对; z-index：10;顶部：0;左：0;} - ＆GT;第一个问题：空间通过“font-size：0px”被消除了，但这种方式也是布局错误

.nameq_2612760 ul.head.odd.i4 {display：none;底部边框：无} - ＆GT;第二个问题：空间通过“显示：无”被消除但是这样的方式也是布局的错误

.nameq_2612762 ul.head.odd.i4 {visibility：collapse;底部边框：无} - ＆GT;第三个问题：以下项目的布局是正确的方式，但我无法获得空间与命令“可见性：在FIREFOX崩溃”

解决问题的另一种方法可能是确保设计不会被字幕的使用破坏。实际上，我使用项目比例的附加行只是为了确保下面的按钮遵循与字幕上方相同的布局。

我的问题的任何解决方案都会非常有用！非常感谢！

最佳，基督教

Answer 1

的一种替代方案

visibility: hidden;

是

opacity: 0;

这将使元素完全透明。

如果您想要将其移开以使其在页面上不占用任何空间，您可以尝试以下方式：

position: absolute;
z-index: 12;
top: 0;
left: 0;

Answer 2

试试display: none; 这将使元素的高度和宽度为0 并且在语义上也是看不见的。

Answer 3

您是否尝试过溢出：隐藏的高度为0？

Answer 4

我想知道：你写了一个HTML表格，但你的代码中没有表格，它是所有ul和li元素，以及其他内容（输入，标签等）（？）。

所以我建议实际使用表，但不是<table>，<tr>和<td>标记，而是使用<div>代码通过CSS获得表格样式，例如display: table，display: table-row和display: table-cell。这些在样式（CSS）和响应性方面更加灵活（虽然我不知道你是否在那之后）。

像这样重建整个页面是相当多的工作，但我认为它可以帮助你。

替代可见性：隐藏

4 个答案: