.css { display: what? }
display: block
First
div 1
Second
div 2
Third
div 3
Fourth
div 4
Fifth
div 5
Sixth
div 6
Seventh
div 7
Eighth
div 8
Code
Support
Feature | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|---|
none | 1.0 | (Yes) | 1.0 (1.7 or earlier) | 4.0 | 7.0 | 1.0 (85) |
inline | 1.0 | (Yes) | 1.0 (1.7 or earlier) | 4.0 | 7.0 | 1.0 (85) |
inline-block | 1.0 | (Yes) | 3.0 (1.9) | 5.5[4] | 7.0 | 1.0 (85) |
block | 1.0 | (Yes) | 1.0 (1.7 or earlier) | 4.0 | 7.0 | 1.0 (85) |
flow-root | 58 | ? | 53.0 | ? | 45 | ? |
contents | 58 (with experimental feature flag) | No Support | 37 | No Support | No Support | No Support |
table, table-cell, table-column, table-column-group, table-header-group, table-row-group, table-footer-group, table-row, and table-caption | 1.0 | (Yes) | 1.0 (1.7 or earlier) | 8.0 | 7.0 | 1.0 (85) |
flex | 21.0-webkit 29.0 | (Yes) | 18.0 (18.0)[1] 20.0 (20.0) | 10-ms[8] 11 | 12.50 | 6.1-webkit 9.0 |
inline-flex | 21.0-webkit 29.0 | (Yes) | 18.0 (18.0)[1] 20.0 (20.0) | 10-ms[8] 11 | 12.50 | 6.1-webkit 9.0 |
grid | (Yes)-ms | 45.0 | (45.0)[6] | 10.0-ms | 44 | TP |
inline-grid | (Yes)-ms | 45.0 | (45.0)[6] | 10.0-ms | 44 | TP |
inherit | 1.0 | 1.0(1.7 or earlier) | 8.0 | 4.0 | 1.0(85) | |
unser | 41 | 27 (27) | Edge build 10565+ | 28 | 9.1 | |
initial | 1.0 | 3.5 (1.9.1) -moz[1] 19.0 (19.0) | No support | 15.0 | 1.2 |
[1] To activate flexbox support, for Firefox 18 and 19, the user has to change the about:config preference "layout.css.flexbox.enabled" to true. Multi-line flexbox are supported since Firefox 28.
[1] From Firefox 1.0 onward, increasing support for -moz-initial was added in each version, culminating with the support for quotes in Firefox 3.5 (Gecko 1.9.1). The last addition was support for the non-standard -moz-border-*-colors in Firefox 3.6 (Gecko 1.9.2). Support for the prefixed -moz-initial keyword has been removed as of Firefox 24 in favor of the unprefixed initial keyword.
[6] CSS Grid support is unprefixed in Nightly/Alpha builds and behind pref "layout.css.grid.enabled" in Beta/release builds.
[8] In IE 10, only special prefixed values, -ms-flexbox and -ms-inline-flexbox, are recognized.