S
S
savage_me2018-03-13 19:41:30
css
savage_me, 2018-03-13 19:41:30

What are the cons of CSS column-count?

According to this page https://www.w3schools.com/cssref/css3_pr_column-co... the column-count element used to build the grid has the following compatibility:
Chrome - from version 4 with the -webkit- prefix and from 50 without prefix.
IE - c version 10.
FF - Since the second version with the -moz- prefix and since 52.0 without the prefix.
Safari - C version 3.1 with the -webkit- prefix, from 9.0 without the
Opera prefix - I don’t quite understand from which version.
1. I correctly deciphered which versions are compatible with?
2. If correct, then adding a prefix is ​​not a problem - browsers with the specified versions with prefixes are already quite old. So right?
3. Exception only for IE - how to make at least a more or less normal grid of pictures for it? Now I tried to add

<!--[if lte IE 8]>
<style type="text/css">
    img { width: 200px; }
</style>
<![endif]-->

but the div blocks are under each other. How to arrange them in one line as many as they fit?
column-count is generally considered a normal option for building a grid of pictures? Or is there something better. The result that column-count shows is just perfect for me - the pictures are stretched and shifted when they become the specified minimum size.

Answer the question

In order to leave comments, you need to log in

1 answer(s)
M
monochromer, 2018-03-22
@monochromer

CSS Columns is more suitable for creating multi-column text, like in newspapers and magazines, rather than creating structure. Use CSS Grid, FlexBox, inline-block, float, table-cell to solve the problem, depending on the required browser support.

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question