Method of flowing information in multiple columns
| Spec | https://www.w3.org/TR/css3-multicol/ |
|---|---|
| Status | W3C Candidate Recommendation |
| IE | Edge | Firefox | Chrome | Safari | Opera |
|---|---|---|---|---|---|
| 108 (3) | |||||
| 107 (4) | 107 (3) | TP | |||
| 106 (4) | 106 (3) | 16.1 | |||
| 11 | 105 (3) | 105 (4) | 105 (3) | 16.0 | 91 (3) |
| 10 | 104 (3) | 104 (4) | 104 (3) | 15.6 | 90 (3) |
| 9 | 103 (3) | 103 (4) | 103 (3) | 15.5 | 89 (3) |
| 8 | 102 (3) | 102 (4) | 102 (3) | 15.4 | 88 (3) |
| Show all | |||||
| 7 | 101 (3) | 101 (4) | 101 (3) | 15.2-15.3 | 87 (3) |
| 6 | 100 (3) | 100 (4) | 100 (3) | 15.1 | 86 (3) |
| 5.5 | 99 (3) | 99 (4) | 99 (3) | 15 | 85 (3) |
| 98 (3) | 98 (4) | 98 (3) | 14.1 | 84 (3) | |
| 97 (3) | 97 (4) | 97 (3) | 14 | 83 (3) | |
| 96 (3) | 96 (4) | 96 (3) | 13.1 | 82 (3) | |
| 95 (3) | 95 (4) | 95 (3) | 13 | 81 (3) | |
| 94 (3) | 94 (4) | 94 (3) | 12.1 | 80 (3) | |
| 93 (3) | 93 (4) | 93 (3) | 12 | 79 (3) | |
| 92 (3) | 92 (4) | 92 (3) | 11.1 | 78 (3) | |
| 91 (3) | 91 (3) | 91 (3) | 11 | 77 (3) | |
| 90 (3) | 90 (3) | 90 (3) | 10.1 | 76 (3) | |
| 89 (3) | 89 (3) | 89 (3) | 10 | 75 (3) | |
| 88 (3) | 88 (3) | 88 (3) | 9.1 (1) | 74 (3) | |
| 87 (3) | 87 (3) | 87 (3) | 9 (1) | 73 (3) | |
| 86 (3) | 86 (3) | 86 (3) | 8 (1,*) | 72 (3) | |
| 85 (3) | 85 (3) | 85 (3) | 7.1 (1,*) | 71 (3) | |
| 84 (3) | 84 (3) | 84 (3) | 7 (1,*) | 70 (3) | |
| 83 (3) | 83 (3) | 83 (3) | 6.1 (1,2,*) | 69 (3) | |
| 81 (3) | 82 (3) | 81 (3) | 6 (1,2,*) | 68 (3) | |
| 80 (3) | 81 (3) | 80 (3) | 5.1 (1,2,*) | 67 (3) | |
| 79 (3) | 80 (3) | 79 (3) | 5 (1,2,*) | 66 (3) | |
| 18 | 79 (3) | 78 (3) | 4 (1,2,*) | 65 (3) | |
| 17 | 78 (3) | 77 (3) | 3.2 (1,2,*) | 64 (3) | |
| 16 | 77 (3) | 76 (3) | 3.1 (1,2,*) | 63 (3) | |
| 15 | 76 (3) | 75 (3) | 62 (3) | ||
| 14 | 75 (3) | 74 (3) | 60 (3) | ||
| 13 | 74 (3) | 73 (3) | 58 (3) | ||
| 12 | 73 (3) | 72 (3) | 57 (3) | ||
| 72 (3) | 71 (3) | 56 (3) | |||
| 71 (3) | 70 (3) | 55 (3) | |||
| 70 (3) | 69 (3) | 54 (3) | |||
| 69 (3) | 68 (3) | 53 (3) | |||
| 68 (3) | 67 (3) | 52 (3) | |||
| 67 (3) | 66 (3) | 51 (3) | |||
| 66 (3) | 65 (3) | 50 (3) | |||
| 65 (3) | 64 (3) | 49 (3) | |||
| 64 (1) | 63 (3) | 48 (3) | |||
| 63 (1) | 62 (3) | 47 (3) | |||
| 62 (1) | 61 (3) | 46 (3) | |||
| 61 (1) | 60 (3) | 45 (3) | |||
| 60 (1) | 59 (3) | 44 (3) | |||
| 59 (1) | 58 (3) | 43 (3) | |||
| 58 (1) | 57 (3) | 42 (3) | |||
| 57 (1) | 56 (3) | 41 (3) | |||
| 56 (1) | 55 (3) | 40 (3) | |||
| 55 (1) | 54 (3) | 39 (3) | |||
| 54 (1) | 53 (3) | 38 (3) | |||
| 53 (1) | 52 (3) | 37 (3) | |||
| 52 (1) | 51 (3) | 36 (1,2,*) | |||
| 51 (1,*) | 50 (3) | 35 (1,2,*) | |||
| 50 (1,*) | 49 (1,2,*) | 34 (1,2,*) | |||
| 49 (1,*) | 48 (1,2,*) | 33 (1,2,*) | |||
| 48 (1,*) | 47 (1,2,*) | 32 (1,2,*) | |||
| 47 (1,*) | 46 (1,2,*) | 31 (1,2,*) | |||
| 46 (1,*) | 45 (1,2,*) | 30 (1,2,*) | |||
| 45 (1,*) | 44 (1,2,*) | 29 (1,2,*) | |||
| 44 (1,*) | 43 (1,2,*) | 28 (1,2,*) | |||
| 43 (1,*) | 42 (1,2,*) | 27 (1,2,*) | |||
| 42 (1,*) | 41 (1,2,*) | 26 (1,2,*) | |||
| 41 (1,*) | 40 (1,2,*) | 25 (1,2,*) | |||
| 40 (1,*) | 39 (1,2,*) | 24 (1,2,*) | |||
| 39 (1,*) | 38 (1,2,*) | 23 (1,2,*) | |||
| 38 (1,*) | 37 (1,2,*) | 22 (1,2,*) | |||
| 37 (1,*) | 36 (1,2,*) | 21 (1,2,*) | |||
| 36 (1,*) | 35 (1,2,*) | 20 (1,2,*) | |||
| 35 (1,*) | 34 (1,2,*) | 19 (1,2,*) | |||
| 34 (1,*) | 33 (1,2,*) | 18 (1,2,*) | |||
| 33 (1,*) | 32 (1,2,*) | 17 (1,2,*) | |||
| 32 (1,*) | 31 (1,2,*) | 16 (1,2,*) | |||
| 31 (1,*) | 30 (1,2,*) | 15 (1,2,*) | |||
| 30 (1,*) | 29 (1,2,*) | 12.1 | |||
| 29 (1,*) | 28 (1,2,*) | 12 | |||
| 28 (1,*) | 27 (1,2,*) | 11.6 | |||
| 27 (1,*) | 26 (1,2,*) | 11.5 | |||
| 26 (1,*) | 25 (1,2,*) | 11.1 | |||
| 25 (1,*) | 24 (1,2,*) | 11 | |||
| 24 (1,*) | 23 (1,2,*) | 10.6 | |||
| 23 (1,*) | 22 (1,2,*) | 10.5 | |||
| 22 (1,*) | 21 (1,2,*) | 10.0-10.1 | |||
| 21 (1,*) | 20 (1,2,*) | 9.5-9.6 | |||
| 20 (1,*) | 19 (1,2,*) | 9 | |||
| 19 (1,*) | 18 (1,2,*) | ||||
| 18 (1,*) | 17 (1,2,*) | ||||
| 17 (1,*) | 16 (1,2,*) | ||||
| 16 (1,*) | 15 (1,2,*) | ||||
| 15 (1,*) | 14 (1,2,*) | ||||
| 14 (1,*) | 13 (1,2,*) | ||||
| 13 (1,*) | 12 (1,2,*) | ||||
| 12 (1,*) | 11 (1,2,*) | ||||
| 11 (1,*) | 10 (1,2,*) | ||||
| 10 (1,*) | 9 (1,2,*) | ||||
| 9 (1,*) | 8 (1,2,*) | ||||
| 8 (1,*) | 7 (1,2,*) | ||||
| 7 (1,*) | 6 (1,2,*) | ||||
| 6 (1,*) | 5 (1,2,*) | ||||
| 5 (1,*) | 4 (1,2,*) | ||||
| 4 (1,*) | |||||
| 3.6 (1,*) | |||||
| 3.5 (1,*) | |||||
| 3 (1,*) | |||||
| 2 (1,*) | |||||
| Safari on iOS | Opera Mini | Android Browser | Blackberry Browser | Opera Mobile | Android Chrome | Android Firefox | IE Mobile | Android UC Browser | Samsung Internet | QQ Browser | Baidu Browser | KaiOS Browser |
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 16.1 | ||||||||||||
| 16.0 | all | 105 (3) | 10 (1,2,*) | 64 (3) | 105 (3) | 104 (3) | 11 | 13.4 (3) | 18.0 | 13.1 (3) | 13.18 (3) | 2.5 (1,*) |
| 15.6 | 4.4.3-4.4.4 (1,2,*) | 7 (1,2,*) | 12.1 | 10 | 17.0 | |||||||
| 15.5 | 4.4 (1,2,*) | 12 | 16.0 | |||||||||
| 15.4 | 4.2-4.3 (1,2,*) | 11.5 | 15.0 | |||||||||
| Show all | ||||||||||||
| 15.2-15.3 | 4.1 (1,2,*) | 11.1 | 14.0 | |||||||||
| 15.0-15.1 | 4 (1,2,*) | 11 | 13.0 | |||||||||
| 14.5-14.8 | 3 (1,2,*) | 10 | 12.0 | |||||||||
| 14.0-14.4 | 2.3 (1,2,*) | 11.1-11.2 | ||||||||||
| 13.4-13.7 | 2.2 (1,2,*) | 10.1 | ||||||||||
| 13.3 | 2.1 (1,2,*) | 9.2 | ||||||||||
| 13.2 | 8.2 | |||||||||||
| 13.0-13.1 | 7.2-7.4 | |||||||||||
| 12.2-12.5 | 6.2-6.4 | |||||||||||
| 12.0-12.1 | 5.0-5.4 | |||||||||||
| 11.3-11.4 | 4 (1,2,*) | |||||||||||
| 11.0-11.2 | ||||||||||||
| 10.3 | ||||||||||||
| 10.0-10.2 | ||||||||||||
| 9.3 (1) | ||||||||||||
| 9.0-9.2 (1) | ||||||||||||
| 8.1-8.4 (1,*) | ||||||||||||
| 8 (1,*) | ||||||||||||
| 7.0-7.1 (1,*) | ||||||||||||
| 6.0-6.1 (1,2,*) | ||||||||||||
| 5.0-5.1 (1,2,*) | ||||||||||||
| 4.2-4.3 (1,2,*) | ||||||||||||
| 4.0-4.1 (1,2,*) | ||||||||||||
| 3.2 (1,2,*) | ||||||||||||
Does not support the properties break-after, break-before, and break-inside. WebKit- and Blink-based browsers have equivalent support with the non-standard -webkit-column-break-* properties, but only for the values auto and always. Firefox does not support the break-* properties but supports the now-obsolete page-break-* properties in the paging (printing) context.
Does not support the column-fill property.
Does not support the values avoid (in the column context), avoid-column, and avoid-page for the properties break-after, break-before, and break-inside; does not support the value column for the properties break-after and break-before.
Does not support the values avoid (in the column context) for the properties break-after, break-before, and break-inside; does not support the values avoid-column, avoid-page, and column for the properties break-before and break-after.
Firefox 1-64 does not support the properties break-after, break-before, and break-inside. Firefox 65-91 supports these properties, but does not support the values avoid (in the column context), avoid-column, and avoid-page, nor the value column for the properties break-after and break-before. Firefox 92+ supports these properties but does not support the value avoid (in the column context), nor the values avoid-column, avoid-page, and column for the properties break-before and break-after. See the bug.
In Firefox, the property column-span (or -moz-column-span) does not yet work. See the bug.
Chrome is reported to incorrectly calculate the container height, often breaks on margins and padding, and can display one pixel of the next column at the bottom of the previous column. Some of these issues can be solved by adding -webkit-perspective: 1; to the column container. This creates a new stacking context for the container, and apparently causes Chrome to (re)calculate column layout.
Browsers behave differently when flowing ol list numbers in columns: IE and Safari display numbers only in the first column. Chrome does not display any numbers. Only Firefox behaves as expected and displays numbers in all columns.
IE is reported to incorrectly break on elements across columns when having more than three columns.
IE 10 has a bug where text-shadow doesn't work when used inside columns. See a testcase.
Firefox does not split tables into columns.
Firefox and Chrome do not support columns on the fieldset element. See bug.
Safari 5-8 is known to render columns less evenly than other browsers.
Safari 5.1-10+ does not work as expected with min-height. See a testcase See bug.
Data by caniuse.com
Licensed under the Creative Commons Attribution License v4.0.
https://caniuse.com/multicolumn