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
- On the MDN — column-count on the MDN
Questions tagged [column-count]
129 questions
4
votes
1 answer
execute query on sqlserver using spark sql
I am trying to get the row count and column count of all the tables in a schema in sql server using spark sql.
when I execute below query using sqoop, it's giving me the correct results.
sqoop eval --connect…
Mounika
- 43
- 1
- 5
4
votes
1 answer
How to adjust column width to content size using css columns?
I'm using css columns (not a table) to create a list that spans across 3 columns, like so:
HTML
- - Item 1 - this is the item's name here.
- - Item 2
- - Item 3
- - Item 4
- - Item 5
- - Item…
dace
- 5,819
- 13
- 44
- 74
4
votes
1 answer
How can I force an odd column-count when I have an even number of columns?
I've got a columns class that sets the number of CSS columns to three. This looks like the following:
.columns {
column-count:3;
-moz-column-count:3;
-webkit-column-count:3;
}
- Apples
- Grapes …
Arthur
- 1,332
- 2
- 19
- 39
4
votes
1 answer
Random white-space after content (Webkit browser bug)
I have been getting an unknown white-space at the bottom of my Service pages. I'm using column-count: 2; to break the images up between two columns.
Update: This is a Webkit browser problem
The problem is the extra space at the bottom of mainCont,…
Josh Powell
- 6,219
- 5
- 31
- 59
4
votes
1 answer
JavaFX – How many characters in one row of a TextArea?
How does one calculate the number of visible characters in one row (without horizontal scrolling!) of a TextArea in JavaFX depending on the width of the area?
I use a monospaced font, so all chars have the same width. Is it possible to calculate the…
user3147564
3
votes
4 answers
Wrap 2 column layout around image
I'm trying to create a 2 column layout around an image but no success
This is what I want the layout to be:
This is what I can do so far:
Wrapping an Image with the text
…
Henry Gunawan
- 922
- 3
- 18
- 38
3
votes
0 answers
CSS column-count and position absolute (z-index?) in Chrome and Safari
Consider the following example : https://codepen.io/anon/pen/OOrMLm
Each white block can be clicked, which reveals a small red popup in which I need the users to make some choices.
On Firefox, everything seems to work fine (if I use…
Hadrien
- 31
- 4
3
votes
2 answers
column-count and column-width not respected
The Problem
Using the CSS column-property to create columns on a page I am noticing some weird behavior of the layouting engine. Namely, I am using
body {
padding: 0;
background-color: black;
margin: 0;
column-width: 308px;
column-gap:…
niklasfi
- 15,245
- 7
- 40
- 54
3
votes
2 answers
Css column-count should respect only first child
I'm trying to use the column-count to make a kind of week calendar to user tasks.
The main div of the week has the property of column-count to 7 and ALWAYS there will 7 childs. The seven days of this week.
Inside this days there are the tasks, but…
Cechinel
- 677
- 2
- 8
- 26
3
votes
1 answer
4th column is shown when specifying column-count of 3
I'm trying to leverage the css 'column-count' in combination with CSS padding, and and I'm observing that if I specify a column count of 3, the browser renders part of a fourth column if content doesn't fit. as shown below
Here is a JSFidle ->…
Edward
- 1,076
- 1
- 12
- 24
3
votes
1 answer
CSS Column Count Descenders Being Cut Off, Flowing Into Next column
I'm having an issue in Chrome with column-count where the descenders of a list item at the bottom of a column are being cut off and appear at the top of the next column. See this image below:
Notice the far right column, above "Slovenia"
That…
TwoLunch
- 49
- 5
3
votes
1 answer
How to center align items with column count?
I have an unordered list that gets dynamically filled with list-items from 1 up to anything. This list is styled as columns using column count. If there are more 3 ore more items in the list, everything is fine. But when there are two or only one…
Wubbel
- 53
- 1
- 6
3
votes
2 answers
CSS3 "Column-count" does not align top of columns (Wordpress, responsive)
first of all, I found that Question here but the answer won't quite fit in my case, which is why I ask a question, that may seem similar but isn't. If that makes sense somehow :-D
I'm creating a childtheme to the "responsive"-Wordpresstheme from…
Maggot
- 51
- 1
- 4
3
votes
1 answer
css: column-count property , IE10 displays not like other browsers
Here is a http://jsfiddle.net/nAhPj/ link.
The page looks the same way in Chrome, FF, Safari, but not in IE10.
It should be:
1A 2A 3A 4A
1B 2B 3B 4B
1C 2C 3C
1D 2D 3D
Why doesn't it look in IE10 the same way as in Chrome, FF, Safari? How to fix the…
Haradzieniec
- 9,086
- 31
- 117
- 212
