當能見度時隱藏元素之間的差距：隱藏

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

當用戶註銷時，註銷是隱藏的，並且登錄和註冊之間存在差距。如果用戶已登錄，則用戶名和註銷之間存在差距。

來源

2012-04-21 user823527

真的需要看到更多，如可能爲該地區的全面CSS和任何可能圍繞它？ – SpYk3HH 2012-04-21 19:43:56

改爲使用display:none;。 visibility:hidden;不會「釋放」隱藏元素使用的空間。

來源

2012-04-21 19:43:49 ThiefMaster

噢，ddnt注意到了，他完全正確！聽這個答案！ – SpYk3HH 2012-04-21 19:44:21

使用css設置它的內聯顯示，以便樣式應用可以顯示爲none，並且在顯示時它將被內聯 – SpYk3HH 2012-04-21 19:44:54

@ SpYk3HH：這不是必須的，您可以在元素上使用display：none而不用任何'在CSS中顯示樣式。並且這些鏈接默認情況下以內聯方式顯示。 – Guffa 2012-04-21 19:55:40

當能見度時隱藏元素之間的差距：隱藏

回答

相關問題