Ich habe mich gefragt, ob es immer noch keinen guten Weg gibt, ein div horizontal zu strecken und zu scrollen, je nach den Bildern im Inneren. Schließlich ist es jetzt 2011!
Das mega-width macht den Trick, aber hinterlässt ein leeres mega-space , wenn es nicht mit Bildern gefüllt ist.
Bei zu viel Füllung werden Bilder nicht angezeigt. Gleiches gilt für die jQuery.
Die folgende Situation ist die beste, die ich nach Stunden des Googelns machen kann, aber es ist nicht zuverlässig genug.
Danke für Ihre Zeit.
%Vor% %Vor% Es ist einfach. display:inline-block für die Bilder und white-space:nowrap für das übergeordnete Element.
Bearbeiten: Ich habe vergessen, dass die Bilder standardmäßig standardmäßig inline sind :) Das bedeutet, dass white-space:nowrap alles ist, was Sie brauchen.
Siehe CSS-Div-Breite gleich dem Inhalt machen , denke ich zum Dehnen. Wenden Sie dann max-width an, um die Breite zu beschränken, damit sie nicht zu groß wird. (Und overflow: scroll falls nötig.)
Was bei IE8 für mich funktionierte:
msdn.microsoft.com/de-de/library/cc351024 (v = vs.85) .aspx
Sie können sicherstellen, dass Ihre Seite mit dem neuesten Rendering angezeigt wird, indem Sie im Kopfbereich Ihrer Seite das folgende Meta-Tag einfügen:
%Vor%