webentwicklung-frage-antwort-db.com.de

So ordnen Sie viele <div> -Elemente nebeneinander ohne Umbruch an

Es gibt drei div-Elemente nebeneinander in einem Container-div mit geringerer Breite als untergeordneten Gesamtgröße Width. Hier finden Sie die Fiddle des Falls: 

Ich möchte, dass Container div horizontal verschoben wird, um andere Kinder anzuzeigen.

Wie kann ich Kinder so anordnen, dass sie nicht in Container div eingeschlossen werden? Es wird jetzt vertikal gescrollt, ich möchte, dass es horizontal scrollt.

21
Reza Owliaei

Ändern Sie float: left in display: inline-block; und fügen Sie dem Container white-space: nowrap hinzu.

37

Sie benötigen ein weiteres div innerhalb des Bildlaufs div, dessen Gesamtbreite allen Breiten der untergeordneten Elemente entspricht. 

Siehe: http://jsfiddle.net/joshdavenport/SasDh/2/

Es gab bereits ein zusätzliches div, also habe ich dieses verwendet

Bonus: Um die vertikale Bildlaufleiste zu entfernen, verwenden Sie overflow-y: hidden. Siehe: http://jsfiddle.net/joshdavenport/SasDh/3/

3
Josh Davenport

Mit dem Tag <span> werden Inline-Elemente in einem Dokument gruppiert.
(Quelle)

0