当能见度时隐藏元素之间的差距：隐藏

如果我用visibility: hidden隐藏其中的几个元素，我该如何缩小元素之间的差距？当能见度时隐藏元素之间的差距：隐藏

我有这个HTML。

<div id="logged_in" style="display:inline; visibility: hidden;"><a onclick=""></a>&nbsp;&#8226;&nbsp;</div> 
    <a id="login_box" onclick="show_login_user();">Login</a> 
    <a id="logout_box" onclick="logout_user();" style="visibility: hidden;">Logout</a>&nbsp;|&nbsp; 
    <a onclick="show_register_user();">Register</a>&nbsp;|&nbsp;

当用户注销时，注销是隐藏的，并且登录和注册之间存在差距。如果用户已登录，则用户名和注销之间存在差距。

来源

2012-04-21 user823527

真的需要看到更多，如可能为该地区的全面CSS和任何可能围绕它？ – SpYk3HH 2012-04-21 19:43:56

改为使用display:none;。 visibility:hidden;不会“释放”隐藏元素使用的空间。

来源

2012-04-21 19:43:49 ThiefMaster

噢，ddnt注意到了，他完全正确！听这个答案！ – SpYk3HH 2012-04-21 19:44:21

使用css设置它的内联显示，以便样式应用可以显示为none，并且在显示时它将被内联 – SpYk3HH 2012-04-21 19:44:54

@ SpYk3HH：这不是必须的，您可以在元素上使用display：none而不用任何'在CSS中显示样式。并且这些链接默认情况下以内联方式显示。 – Guffa 2012-04-21 19:55:40

当能见度时隐藏元素之间的差距：隐藏

回答

相关问题