Wie erstellt man in HTML ein Flexgrid.
Dieses HTML Element ist eine Container-Fläche, in
welchem alle Elemente in die nächste Zeile verschoben werden, wenn die Breite
nicht mehr ausreicht.
Das Element selbst ist ein HTML <Div> Element.
Die Flex Eigenschaft wird erreicht, indem man die
Style-Einstellungen auf Display:flex und flex-flow:
row wrap einstellt
|
<div id="divUploaded_Results" style="
display: flex;
flex-flow:row wrap;">
</div>
|
Folgende Darstellungen werden bei einer Bildersammlung
erreicht, wenn man die Einstellung von flex-flow ändert:
Row Wrap
|
display: flex;
flex-flow:row wrap;
|
|
style="
display: flex;
flex-flow:column;"
|
Row
|
style="
display: flex;
flex-flow:row ;"
|
Wrap, Flexgrid
|
<div id="divUploaded_Results"
style="
display: flex;
flex-flow:wrap ;"
>
</div>
|
