可见性时关闭元素之间的间隙：隐藏答案

【问题标题】：Closing gap between elements when visibility:hidden可见性时关闭元素之间的间隙：隐藏
【发布时间】：2012-04-21 19:42:16
【问题描述】：

如果我用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 用户名和注销之间存在间隙。

【问题讨论】：

真的需要查看更多内容，比如该区域的完整 css 以及它周围的任何东西？

标签： javascript html

【解决方案1】：

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

【讨论】：

哦，是的，ddnt注意到了，他完全正确！听听这个答案！
使用 css 设置它的显示内联，这样应用的样式可以显示无，显示时它会内联
@SpYk3HH：这不是必需的，您可以在元素上使用 display:none 而无需在 css 中使用任何 display 样式。顺便说一下，链接默认是内联显示的。
我在样式和代码集display:inline 中设置了display:none; 以显示该元素。这行得通。