Ich habe ein Div mit Child-Divs, die von drei in einer Reihe ausgerichtet sind. Child div "s css:
{position:relative,float:left}
Ich benutze jQuery-Snippet wie folgt:
$("#catalog-body").find("[data-"+ type +"="" + val + ""]").hide();
Es funktioniert gut, kann aber Lücken in Zeilen (anstelle von versteckten Divs) verursachen. Wie kann man divs neu ausrichten? Danke im Voraus.
Antworten:
0 für die Antwort № 1Ändern Sie Ihre Elementstruktur auf diese Weise.
<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>
Dies ist das Ergebnis, das Sie erhalten sollten.
Das 5. Element ist ausgeblendet, aber alle Kinder sind korrekt ausgerichtet