Html 表格行对齐答案

【问题标题】：Html Table Row AlignmentHtml 表格行对齐
【发布时间】：2012-07-05 12:23:56
【问题描述】：

我试图根据选择的“域类型”（第一行中的第三个组合框）显示/隐藏行，这会破坏对齐方式。这是fiddle

如何有效地显示/隐藏行并保持对齐？

谢谢。

【问题讨论】：

标签： javascript css html-table

【解决方案1】：

** 编辑 **
要“隐藏”元素，请使用“visibility”属性而不是“display”属性

对于表格，使用

style.visibility="collapse" and style.visibility="visible"

对于所有其他元素，使用

style.visibility="hidden" and style.visibility="visible"

【讨论】：

嗨 jao，它似乎正在工作，但是在隐藏第二行（选择每个文件类型）之后，第二行有一个间隙。如何将第三行放置在第二行？
看起来像@Usman：明白了:) 只需将“隐藏”更改为“折叠”

【解决方案2】：

使用这个

   <script>
      function getTypes()
      {
          if(document.getElementById("displayType").value.indexOf("rlo")!=-1)
             {
                 document.getElementById("secondRow").style.visibility="visible";
                 document.getElementById("thirdRow").style.visibility="collapse";

              }
          else
              {
                  if(document.getElementById("displayType").value.indexOf("ft")!=-1)
                     {
                      document.getElementById("secondRow").style.visibility="collapse";
                      document.getElementById("thirdRow").style.visibility="visible";
                      }
               }
           }
</script>

【讨论】：