I
I
Ivan Grishov2021-09-09 17:04:07
Layout
Ivan Grishov, 2021-09-09 17:04:07

How to split a list into three columns without specifying a fixed height?

I need to split the list into three columns and have the items in order from top to bottom instead of left to right.

You can't limit the height either. Through flex-direction: column does not exit.

I found the columns property. But it works crookedly, for the text, probably, it will work well.
Please tell me some way. Thanks for the answer.

Now in my example there are columns, but it wraps elements crookedly
(hints that pop up on hover are cut)

Answer the question

In order to leave comments, you need to log in

1 answer(s)
A
andand44, 2021-09-10
@IvanGrishov

https://jsfiddle.net/9vdLa2fp/
break-inside: avoid; backface-visibility: hidden; and display: inline-block; help in the right places

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question