Columns with text

Question

css

Goodnight! How can the following solution be implemented? There are three columns, they will contain text. Columns have a minimum height (for example, min-height: 400px;) after the first column is filled with text, the text should automatically move to the second, and then, respectively, to the third. If the text does not fit into three columns, then the height of the columns should increase. Unfortunately, I'm not strong in js, is there any way to solve this using css.

Answer 1

Set these calendars:
Although, if this is a table, then it will not work.
Can you send the code?

Answer 2

Use bootstrap's grid
system , i.e. calendar divs should have classes, for example:

<div class="col-lg-4 col-md-6"> </div>
<div class="col-lg-4 col-md-6"> </div>
<div class="col-lg-4 col-md-6"> </div>

Answer 3

if you do td{display: inline-block } then it will be displayed in one column, but I need it to be in three columns, only when compressed it becomes one column.

Answer 4

<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12"> </div>
<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12"> </div>
<div class="col-lg-4 col-md-12 col-sm-12 col-xs-12"> </div>

so what?

Answer 5

Watched?
htmlbook.ru/css3-na-primerah/mnogokolonochnyy-tekst