javascript - 可见性时关闭元素之间的间隙：隐藏

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;不会“释放”隐藏元素使用的空间。