隱藏html元素，但保持它們同位素的一部分

我有元素（股利）在jquery中顯示沒有。他們仍然在配件中獲得空間。我現在可以將它們過濾掉，但這似乎有其他後果隱藏html元素，但保持它們同位素的一部分

我想這將有助於說明我正在嘗試做什麼。我想在懸停上顯示另一個div。這個工程除了給予

display: none

div的空間

enter image description here

懸停

enter image description here

這裏是我的代碼，如果它有助於

HTML

<div id="item-container"> 
@for (int i = 0; i < 20; i++) 
{ 
    <div class="item">@i</div> 
    <div class="secondary">@i test</div> 
} 
</div>

CSS

#item-container .item { 
    height: 40px; 
    width: 40px; 
    border: 1px solid red; 
    background-color: grey; 
} 

#item-container .item:hover { 
    z-index: 0; 
} 

#item-container .item:hover + .secondary { 
    display: block !important; 
    z-index: 1; 
    margin-left: -11.2%; 
} 

#item-container .secondary { 
    height: 40px; 
    width: 40px; 
    border: 1px solid blue; 
    background-color: yellow; 
    display: none; 
}

來源

2013-07-24 dan_vitch

一個明顯的方式來解決這個問題是這樣做認爲，我想切換兩個div的父DIV

之間

代替

<div></div> 
<div></div>

做

<div> 
    <div></div> 
    <div></div> 
</div>

比同位素附加到父容器。如果您希望它們出現在其他空間上，則除了邊距部分外無需更改樣式

來源

2013-07-24 21:03:07

隱藏html元素，但保持它們同位素的一部分

回答

相關問題