Ich habe ein div, das eine ul enthält und in jedem li gibt es ein Bild. Ich habe die Bilder nach links verschoben, um sie in eine gerade Linie zu bringen, aber sobald sie das Ende des Div erreicht hat, wird es umwickelt. Ich möchte, dass die Bilder weiter nach rechts gehen, so dass ich ein Karussell erstellen kann. Mein Code ist unten.
Das HTML
%Vor%Das CSS
%Vor%Vielen Dank im Voraus!
Aktualisieren Sie Ihren Stil, um dies zu berücksichtigen:
%Vor%Sie müssen die Breite für ein div festlegen, das den UL umschließt, und dann den Überlauf festlegen. Stellen Sie Ihr UL so ein, dass es eine wilde Breite hat, so dass es selbst mit vielen LI's niemals umgeht.
Um ehrlich zu sein, bin ich mir nicht sicher, warum der UL das nicht genauso handhaben wird wie ein DIV, selbst wenn der UL auf Blockieren eingestellt ist. Jeder CSS-Guru kümmert sich um Kommentare.
Hier ist ein funktionierendes SSCCE mit den minimal erforderlichen Stilen, um es zum Laufen zu bringen:
%Vor% Sie sehen, der Schlüssel ist whitespace: nowrap; . Wenn Sie es zu einem vollwertigen Karussell machen wollen, ersetzen Sie einfach overflow: hidden; by overflow-x: scroll; und overflow-y: hidden; .