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

Question

如果我用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; 

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

Answer 1

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