Stellen Sie einen Flex-Container mit Säulen her, die auf die richtige Größe passen

8

Nehmen wir an, wir haben einen Container, dessen Kinder ihn in Spalten füllen müssen. Der Behälter ist in der Höhe begrenzt und muss so breit / schmal sein, dass alle Nachkommen passen müssen. Es sollte so aussehen:

Um das zu machen, probiere ich flexbox . Die Frage ist: Ist es möglich, es zu verkleinern?

  • float:left : In Chrome funktioniert das überhaupt nicht, in Firefox hat der Container nur die Breite einer Spalte - Beispiel 1
  • position:absolute : Es trägt nicht zum normalen Fluss bei, also verwirft dies.

Im Moment beschränke ich den Browserbereich auf Chrome und FF.

Das HTML:

%Vor%

Das CSS:

%Vor%

Danke!

    
bonflash 21.08.2014, 07:52
quelle

1 Antwort

-1

Der alte ' float/clear Trick:

%Vor%

Erzwingt, dass das Element auf die Größe seines Inhalts verkleinert wird. Manchmal ist einfacher, ist besser.

geige, um diesen Code in Aktion zu sehen

HTML:

%Vor%

CSS:

%Vor%     
AJFarkas 04.09.2014 19:05
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset NavigatorUserMediaError: TrackStartError