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;非表示の要素によって使用されるスペースを「解放」しません。