当可见性：隐藏时，关闭元素之间的差距

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;

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

Answer 1

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