字典我要纠错

CSS Grid Layout

Method of using a grid concept to lay out content, providing a mechanism for authors to divide available space for layout into columns and rows using a set of predictable sizing behaviors

Spec	http://www.w3.org/TR/css3-grid-layout/
Status	W3C Candidate Recommendation

IE	Edge	Firefox	Chrome	Safari	Opera
		57	62
		56	61	TP	48
	16 ^(2,*)	55	60	11	47
11 ^(2,*)	15 ^(2,*)	54	59	10.1	46
10 ^(2,*)	14 ^(2,*)	53 ⁽⁴⁾	58	10	45
9	13 ^(2,*)	52 ⁽⁴⁾	57 ⁽⁴⁾	9.1	44
8	12 ^(2,*)	51 ⁽³⁾	56 ⁽¹⁾	9	43 ⁽¹⁾
Show all
7		50 ⁽³⁾	55 ⁽¹⁾	8	42 ⁽¹⁾
6		49 ⁽³⁾	54 ⁽¹⁾	7.1	41 ⁽¹⁾
5.5		48 ⁽³⁾	53 ⁽¹⁾	7	40 ⁽¹⁾
		47 ⁽³⁾	52 ⁽¹⁾	6.1	39 ⁽¹⁾
		46 ⁽³⁾	51 ⁽¹⁾	6	38 ⁽¹⁾
		45 ⁽³⁾	50 ⁽¹⁾	5.1	37 ⁽¹⁾
		44 ⁽³⁾	49 ⁽¹⁾	5	36 ⁽¹⁾
		43 ⁽³⁾	48 ⁽¹⁾	4	35 ⁽¹⁾
		42 ⁽³⁾	47 ⁽¹⁾	3.2	34 ⁽¹⁾
		41 ⁽³⁾	46 ⁽¹⁾	3.1	33 ⁽¹⁾
		40 ⁽³⁾	45 ⁽¹⁾		32 ⁽¹⁾
		39	44 ⁽¹⁾		31 ⁽¹⁾
		38	43 ⁽¹⁾		30 ⁽¹⁾
		37	42 ⁽¹⁾		29 ⁽¹⁾
		36	41 ⁽¹⁾		28 ⁽¹⁾
		35	40 ⁽¹⁾		27
		34	39 ⁽¹⁾		26
		33	38 ⁽¹⁾		25
		32	37 ⁽¹⁾		24
		31	36 ⁽¹⁾		23
		30	35 ⁽¹⁾		22
		29	34 ⁽¹⁾		21
		28	33 ⁽¹⁾		20
		27	32 ⁽¹⁾		19
		26	31 ⁽¹⁾		18
		25	30 ⁽¹⁾		17
		24	29 ⁽¹⁾		16
		23	28		15
		22	27		12.1
		21	26		12
		20	25		11.6
		19	24		11.5
		18	23		11.1
		17	22		11
		16	21		10.6
		15	20		10.5
		14	19		10.0-10.1
		13	18		9.5-9.6
		12	17		9
		11	16
		10	15
		9	14
		8	13
		7	12
		6	11
		5	10
		4	9
		3.6	8
		3.5	7
		3	6
		2	5
			4

iOS Safari	Opera Mini	Android Browser	Blackberry Browser	Opera Mobile	Android Chrome	Android Firefox	IE Mobile	Android UC Browser	Samsung Internet	QQ Browser	Baidu Browser
11
10.3	all	56	10	37	59	54	11 ^(2,*)	11.4	5	1.2 ⁽¹⁾	7.12
10.0-10.2		4.4.3-4.4.4	7	12.1			10 ^(2,*)		4
9.3		4.4		12
9.0-9.2		4.2-4.3		11.5
Show all
8.1-8.4		4.1		11.1
8		4		11
7.0-7.1		3		10
6.0-6.1		2.3
5.0-5.1		2.2
4.2-4.3		2.1
4.0-4.1
3.2

Notes

Supported in WebKit Nightly with -webkit- prefix.

Enabled in Chrome through the "experimental Web Platform features" flag in chrome://flags
Partial support in IE refers to supporting an older version of the specification.
Enabled in Firefox through the layout.css.grid.enabled flag
There are some bugs with overflow (1356820, 1348857, 1350925)
There are some bugs with overflow (1356820, 1348857, 1350925)

^* Partial support with prefix.

Resources

Data by caniuse.com
Licensed under the Creative Commons Attribution License v4.0.
http://caniuse.com/#feat=css-grid