Javascript 如何消除div标记之间的垂直间距

一个包含4个div标记的示例html，第一个有几个html控件，第二个和第三个div仅用于基于条件的状态显示。第四个按钮用于提交按钮

默认情况下，第一个和第二个可见性是隐藏的。但是，它占用了垂直空间，因此我的提交按钮位置有一些空白。我怎样才能减少空间

我的代码：

<!-- Div 1 -->
<div>
<!-- few controls goes here -->
</div>

<!-- Div 2 -->
<div style="visibility:hidden">
<asp:CompareValidator ID="valPwd" validationgroup="valRegGroup" runat="server" ErrorMessage="Passwords don't match" CssClass="validation" ControlToCompare="txtPwd" ControlToValidate="txtConfirmPwd"></asp:CompareValidator>
</div>

<!-- Div 3 -->
<div style="visibility:hidden">
<asp:Label ID="lblStatus" runat="server" Text="" CssClass="validation"></asp:Label>
</div>   

<!-- Div 4 -->
<div style="top:0px;margin-top:0px;">
<asp:Button ID="btnValidate" runat="server" Text="Renew" 
  CssClass="SubmitButton" onclick="btnValidate_Click"  />                     
</div>

---

您可以尝试设置

显示：无

，这样

分区就不会占用布局中的任何空间

当显示您的状态或其他数据时，设置
display:block
，使其可见

使用“可见性：隐藏”隐藏元素，但保留其在布局中的空间和位置

要了解
可见性
属性，请参阅：

要了解
display
属性，请参阅：
您可以尝试设置
display:none
，这样
div
就不会占用布局中的任何空间

当显示您的状态或其他数据时，设置
display:block
，使其可见

使用“可见性：隐藏”隐藏元素，但保留其在布局中的空间和位置

要了解
可见性
属性，请参阅：

要阅读有关显示属性的信息，请参阅：


这会解决你的问题

显示和可见性是不同的样式属性


这会解决你的问题

显示和可见性是不同的样式属性
尝试
显示：无
而不是
可见性：隐藏

对于验证器，使用
display:dynamic
属性来减少空间

另一种情况是，如果您无法更改并进行修改，请尝试使用下面的css选择器来减少空间

div[style*="visible"] {  
 display:inline;
    }  

div[style*="hidden"] {  
      display:none;
    }  

尝试
显示：无
代替
可见性：隐藏

对于验证器，使用
display:dynamic
属性来减少空间

另一种情况是，如果您无法更改并进行修改，请尝试使用下面的css选择器来减少空间

div[style*="visible"] {  
 display:inline;
    }  

div[style*="hidden"] {  
      display:none;
    }  

你应该使用

style=“display:none”>

而不是

style=“可见性：隐藏”

这样，就不会为未显示的元素留下任何空间。
您应该使用

style=“display:none”>

而不是

style=“可见性：隐藏”

这样，就不会为未显示的元素留下任何空间