div float left .... wenn es umhüllt, wickelt es alle funky

ich habe zwischen 1 und 10 Floating divs. Wenn ich 1-5 oder alle 10 bin zeigen, zeigen, dass sie bis fein:div float left .... wenn es umhüllt, wickelt es alle funky

item1 item2 item3 item4 item5

Item6 item7 item8 item9 item10

aber wenn ich wie 7 von ihnen zeigen, sie beginnen bekommen alle seltsam:

item1 item2 item3 item4 item5

     item6

item7

Wie behebe ich das? hier ist es, was die div Code wie folgt aussieht:

<div style="float:left; margin-right:4px; margin-top:5px; text-align:center; padding:7px; color:#0066a4; font-size: smaller; width:100px;"> 
    <a href="#" onclick="getElectronicServiceCopy('10'); return false;"><img src="/images/images/Icons/Vehicle_Green.png" border="0"></a> 
    <br>Vehicle 
</div>

Dank all!

Quelle

2012-03-23 Damien

können Sie Ihre Code-Block Formatierung beheben? Ich glaube nicht, dass es so aussieht, wie Sie es beabsichtigt haben. –

Ich denke, wir brauchen mehr von Ihrem Code. Ich habe einfach eine schnelle Geige mit mehreren divs zusammengestellt, mit dem Code, den du zur Verfügung gestellt hast, und es sieht gut aus für mich. http://jsfiddle.net/F9qFQ/ – Ryan

Hier funktioniert gut, so ist das Problem mit den Teilen des Codes, die Sie nicht zeigen. Sandeep könnte etwas anhaben. –

Wenn ich sah Sie Code möglicherweise müssen Sie definieren height zu Ihrem floated DIV.

Zum Beispiel:

div{ 
height:200px; 
}

Quelle

2012-03-23 18:54:24 sandeep

div float left .... wenn es umhüllt, wickelt es alle funky

Antwort

Verwandte Themen