Data Browser - Viewing Site  Sector 23 Code Bank Logged in as:  Guest  




           


Create a Dynamic Column and Row List with Flex Property
If you want to tile a list of N items into C columns, wrapping to create as many rows as needed to fit all N items, you can use the CSS flex property.
Example of the alphabet flexing into 4 columns (if that's what fits horizontally):
A B C D
E F G H
I J ......

Code:
<div style="display:flex;flex-direction:row;flex-wrap:wrap;">
<span>A</span>
<span>B</span>
<span>C</span>
<span>D</span>
<span>E</span>
<span>F</span>
etc....
</div>

Created By: amos 3/4/2019 2:06:38 PM