不可見元素原因空白空間

visibility:hidden;

隱藏着一個隱藏的元素，但它仍然佔用空間的頁面，這將是，如果它是可見的。這導致一些其他元素被進一步推下頁面，看起來很奇怪。它隱藏的原因是因爲它只會顯示在手機上。有什麼辦法可以刪除這個空的空間嗎？

2013-03-11 muttley91

與visibility: hidden一個元素仍佔用頁面空間。如果您想從佈局流程中移除一個元素，請使用display: none。 雖然您仍然可以在DOM中與它進行交互，但display:none將允許其他元素佔用將分配給它的空間。

還要注意的是，無論或visibility: hidden到display: none事件響應。

2013-03-11 03:52:02 Sunyatasattva

我正在使用jQuery的slideToggle來隱藏和顯示它。這會影響它嗎？ – muttley91 2013-03-11 15:06:10

不顧這個問題。我的問題與雙方的知名度有關，以及在我藏起來的部分之外有一些額外的
標籤。 – muttley91 2013-03-11 15:49:56

無論如何，我會回答，爲了未來的訪問者：jQuery'slideToggle'方法實際上通過在動畫之後設置'display：none'來工作。所以，不，元素不會佔用空間。 – Sunyatasattva 2013-03-11 16:04:35

沒有看到你的代碼...漂亮很難做......但默認情況下是display:none

2013-03-11 03:52:03 albert

visibility:hidden;

只是讓隱藏的元素，但不會從佈局

使用

刪除

display:none;

將其從版面中刪除。

2013-03-11 03:53:38

這是因爲visibility: hidden;只隱藏該元素，相當於使其100％透明。

display: none;然而，將隱藏你的元素像visibility: hidden;，但會多一步，有效地從你的網頁中刪除（它不實際上刪除它，它只是給這種效果）。

2013-03-11 10:05:37

回答