Stack Overflow
Stack Overflow

Questions tagged [column-count]

The column-count CSS property describes the number of columns in an element.

The column-count CSS property describes the number of columns in an element.

Further Reading

129 questions
1
vote
2 answers

How can I keep item-count (dynamic) from breaking inside CSS columns?

There's column-count, but I'm wondering is there such thing as "item-count" for items inside a CSS column? I'm having trouble trying to keep the number of items fixed in my 3 Column FAQs without specifying height to the column itself. In this…
Carlo
  • 11
  • 2
1
vote
0 answers

Column-count list reorders when expanding child items

I'm using column-count: 3 to divide a list into three columns and styles each list item with display: inline-block to keep the list item´s children in the same column. The children are hidden with max-height and overflow: hidden. I want to expand…
Calsal
  • 1,375
  • 14
  • 25
1
vote
2 answers

css column count ignored on IE11

This is a issue I have on my site, I have recreated the problem on js fiddle, I am trying to create 5 columns using section tags with an even width using column count, this works fine on chrome/firefox/edge, however on Internet explorer 11 it is…
Sai
  • 801
  • 3
  • 10
  • 27
1
vote
0 answers

Using a Column-Count grid messed with my lightbox images

I wanted to use a column-count grid to help make it easier with making my portfolio gallery responsive. I'm redoing my site so for the lightbox coding it's all the same from my previous one and it worked fine. However, once I got the grid correct I…
Ashley V.
  • 11
  • 1
1
vote
0 answers

CSS3 column-count issue on iOS

Is there any workaround? I have applied ul { -webkit-column-count: 5; column-count: 5; } but its not working on iOS .
Richa
  • 4,240
  • 5
  • 33
  • 50
1
vote
0 answers

Fixed navigation using static column-width but auto column-count width adaption issue

I am trying to use CSS columns within my fixed/absolute positioned dropdown navigation. I would like to specify the columns-width and dropdown's max-height and let the browser automatically fill as many columns as needed. But for some reason the UL…
Möhre
  • 929
  • 1
  • 6
  • 17
1
vote
2 answers

Extra white space at bottom of div; overflow:hidden helps, but causes another issue

I'm working on a photography portfolio site that utilizes column-count to create a 3x3 grid of pictures (for most resolutions). My div setup is the following:
…
Taco
  • 11
  • 3
1
vote
2 answers

Can't use column-count CSS property with iframe

SUMMARY I'm using column-count CSS property to achieve a layout design like pinterest. But because of column-count if I put an Youtube Embed