I'm looking to dynamically build a table of some sort that will have fixed-width columns, but will create as many columns as it can to fill the page width. To put it a different way, to be able to populate a list with a number of elements, and have it fill from the top down, while also creating as many columns that will best fit the page.So, if I had a page that was 90px across, and 8 elements to display that were 30px wide, it would arrange as such:
but if the page was shrunk by the user by, let's say, 10px, so that it was 80px, it would repopulate itself to look like this:
and then if they scaled it down any further than 60px, it would simply be a column of these elements, from 1 to 8.I have no doubt I could create something in JavaScript to monitor the width of the page, and simply redraw things as needed, but I'm going to be building pages with many of these sections, each with many elements, and I'm anticipating that a JS-based solution would cause significantly more UI lag than a native HTML/CSS solution.For the sake of one more example, say I'm writing Chinese characters (top to bottom), but want to utilize the full page width instead of writing them all in one column. I'd also like whatever layout is used to also automatically resize and repopulate itself as the user changes the window size.I was hoping something like ul would have some magic like what I'm looking for, but I don't see anything jump out at me. Worst comes to worst, I can write a JS-based solution, but I'm looking to pursue this avenue first.Thanks in advance for any insight you can provide!