Ich habe mehrere HTML-Elemente innerhalb eines div mit einer festen Breite. Die Summe der Breite der inneren Elemente ist größer als die Breite des Behälters. Wie kann ich die inneren Elemente inline anzeigen lassen (und einen horizontalen Bildlauf anzeigen), anstatt nach Erreichen der Breite des übergeordneten Elements zu brechen?
Ich könnte einen Wrapper hinzufügen und ihm eine Mindestbreite zuweisen, aber ich möchte etwas, das seine Größe ändert, wenn sich der Inhalt ändert.
%Vor%Danke!
Verwenden Sie display:inline-block anstelle von float:left und fügen Sie white-space:nowrap; dem Container hinzu. Fügen Sie bei Bedarf den Inhaltselementen white-space:normal hinzu. Demo
Versuchen Sie Folgendes:
float: left durch display: inline-block;
white-space: nowrap; für den Container. CSS:
%Vor%