The css property does not work correctly, column-count works differently in chrome and mozilla, how to fix it?

Question

css

Hello.

As for the css property, who can tell me how to make the same result in chrome and mozilla.
I divide the categories inside the block through css properties.

-moz-column-count:3; /* Firefox */
-webkit-column-count:3; /* Safari and Chrome */
column-count:3;

How it works in chrome: (everything is fine in chrome)


And how it works in mozilla (you can see that it divides crookedly)


How can I fix this?

You can feel the catalog here: (by the way, an adaptive modern catalog), I have been working on it for a long time.
https://jsfiddle.net/2pj3dgkh/3/

Answer 1

https://developer.mozilla.org/en-US/docs/Web/CSS/p...

Answer 2

https://stackoverflow.com/questions/46055736/css-c...