Ho un div con div figlio allineati per tre di fila. Child div "s css:
{position:relative,float:left}
Uso lo snippet jQuery in questo modo:
$("#catalog-body").find("[data-"+ type +"="" + val + ""]").hide();
Funziona bene, ma può causare spazi vuoti nelle righe (al posto dei div nascosti). Come rendere i div riallineati? Grazie in anticipo.
risposte:
0 per risposta № 1Cambia la struttura del tuo elemento in questo modo.
<html>
<head>
<style>
#catalog-body{
width : 300px;
}
.child-ele
{
float:left;
width:90px;
height:30px;
border:1px red solid;
}
</style>
</head>
<body>
<div id="catalog-body" >
<div class="child-ele" >1</div>
<div class="child-ele" >2</div>
<div class="child-ele" >3</div>
<div class="child-ele" >4</div>
<div class="child-ele" style="display:none" >5</div>
<div class="child-ele" >6</div>
<div class="child-ele" >7</div>
<div class="child-ele" >8</div>
<div class="child-ele" >9</div>
<div class="child-ele" >10</div>
</div>
</body>
</html>
questo è il risultato che dovresti ottenere,
Il 5 ° elemento è nascosto ma tutti i bambini sono allineati correttamente