Können wir die Kraft eines div-Elements auf "wrap" von css?

(Endgültige Lösung unter)

Ich bin mir ziemlich sicher, es ist nicht möglich, die Art, wie ich es mir vorstellen, aber es gibt so viele intelligente, kluge und sanftmütige Menschen auf Stackoverflow, ich werde give it a shot.

Habe ich container-div Elemente, die gefüllt ist mit einem oder mehreren "child-div" Elemente. Die Container sind mehr oder weniger "virtuelle", im Gegenteil, Sie sollte nur zeigen, welche Kinder zusammen gehören. Da ich nicht weiß, wie viele Kinder sind in jeder Elternteil kann ich nicht arbeiten mit einer festen Breite. Diese Elemente sollten in der Lage sein, zu schweben, zu behandeln, Fenster Größenänderung anmutig.

Mein Ziel ist, um die gleiche Menge an "Kind-divs" in einer Zeile, unabhängig davon, in welcher parent-div, die Sie sind. Mein Aktuelles problem ist, dass die float bewirkt, dass die gesamte Eltern-container zu wickeln, so dass die Frage ist, gibt es keine Möglichkeit "sah," eine div wie diese:

Vor

Können wir die Kraft eines div-Elements auf

Nach

Können wir die Kraft eines div-Elements auf

Ist das sinnvoll ? Hier ist meine aktuelle Spielwiese:

http://jsfiddle.net/5FXBu/

Nach vielen Experimenten zusammen mit Gaby aka G. Petrioli (danke dude), habe ich endlich die Lösung: http://jsfiddle.net/5FXBu/11/

Haben Sie gespielt, die mit "display: inline-block"?
ein wenig, aber ohne viel Erfolg. Offen für jede Empfehlung.
Ja, ich sehe, was du meinst - es ist so, wie Sie wollen, dass die äußeren <div> Wrapper Verhalten sich Art-wie inline - <span>- artigen Elementen. Ich glaube nicht, dass ich weiß, wie das zu tun.
oups.. hatte nicht gesehen, dass Sie Spielplatz-code.. überprüfung,..

InformationsquelleAutor jAndy | 2011-07-11

  1. 6

    Wenn die container-div sind nur für die Gruppierung und haben wenig Einfluss auf die grafische Gestaltung können Sie einfach legen Sie Sie wie inline. Einstellung der child-div als inline-block erlaubt es, einige der layout-Anforderung der container-div zu den child-div (Margen vor allem..)

    Beispiel bei http://jsfiddle.net/gaby/pvWHr/

    oups.. hatte nicht gesehen, dass Sie Spielplatz-code.. überprüfung,..
    interessante Herangehensweise. Lassen Sie mich täuschen um mit, ein wenig.
    sieht sehr gut aus. Ich denke, mit ein paar Anpassungen für meine Bedürfnisse das könnte es sein. Ich bin jetzt schon fast Angst vor dem testen der cross-browser-compliance, ziemlich Angst, IE.
    hier ist mein Versuch an Hacker Ihren code unter der Annahme, dass Sie dies brauchen mehr wie ein Redakteur des möglichen.. (einige neben der html-als auch) jsfiddle.net/gaby/5FXBu/3
    ah ja.. der IE ein Problem sein, denke ich .. 🙂

    InformationsquelleAutor Gabriele Petrioli

Schreibe einen Kommentar