0

4 つの div タグを含むサンプル html。最初の 1 つにはいくつかの html コントロールがあり、2 つ目と 3 つ目の div は条件に基づいてステータス表示にのみ使用されました。4 つ目は送信ボタンに使用されました。

デフォルトでは、1 番目と 2 番目の可視性は非表示になっています。ただし、垂直方向のスペースを取っているため、送信ボタンの位置に空きスペースがあります。どうすればそのスペースを減らすことができますか?

私のコード:

<!-- 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>
4

4 に答える 4

3

がレイアウトに余裕を持たないdisplay: noneように設定してみてください。div

自分のステータスなどを表示する場合は、display: block見えるように設定してください。

を使用visibility: hiddenすると要素が非表示になりますが、レイアウト内のスペースと位置は保持されます。

visibilityプロパティについては、http ://www.w3.org/TR/CSS21/visufx.html#visibility を参照してください。

displayプロパティについては、http ://www.w3.org/TR/CSS21/visuren.html#display-prop を参照してください。

于 2013-06-26T11:36:16.730 に答える
1 
<div style="display:none">

あなたの問題を解決します

表示と可視性は異なるスタイル プロパティです

于 2013-06-26T11:36:28.657 に答える