Can you create a Stack Panel type layout using CSS?

Question

I had huge problems finding googling, I think I don’t quite know the name of the concept. I have a section of the page where a series of text fields will appear, the number may vary. I would like them to fill the div in order from top to bottom and then left to right. That is, the text fields will drain (normal) until they reach the bottom, and then wrap the top again in a new column.

how

Textbox1 Textbox4 Textbox7 Textbox2 Textbox5 Textbox8 Textbox3 Textbox6 

Is this possible in CSS, or do I need to actually encode something in order to do this correctly?

Answer 1

You can use the CSS columns that are described in A List Apart .

Please note that this only works in modern browsers. Otherwise, you need JavaScript or additional HTML.

Answer 2

You want to use Google's “multi-column lists” using CSS.

Answer 3

I personally call this newspaper column, and support for this in CSS 3

Answer 4

As mentioned, CSS3 allows this, although browser support is likely to be mixed.

This is not too difficult to do using JavaScript.