Display: flex - does not work in firefox 21

Question

According to this article , the display:flex property should work without a prefix in firefox 21. But even if I use -moz- to the value, it is not recognized by the HTML parser.

I tried uninstalling firefox 20 and reinstalling firefox 21, hoping this worked, but it didn’t.

When using the web developer tools, I see the following warnings and errors:

 [10:23:04.673] The character encoding of the HTML document was not declared. The document will render with garbled text in some browser configurations if the document contains characters from outside the US-ASCII range. The character encoding of the page must be declared in the document or in the transfer protocol. @ `http://localhost/index.php` [10:23:04.712] Error in parsing value for 'display'. Declaration dropped. @ `http://localhost/index.css:6` [10:23:04.712] Error in parsing value for 'display'. Declaration dropped. @ `http://localhost/index.css:7` [10:23:04.712] Unknown property 'flex-flow'. Declaration dropped. @ `http://localhost/index.css:8` [10:23:04.712] Error in parsing value for 'display'. Declaration dropped. @ `http://localhost/index.css:16` [10:23:04.712] Error in parsing value for 'display'. Declaration dropped. @ `http://localhost/index.css:17` [10:23:04.712] Error in parsing value for 'display'. Declaration dropped. @ `http://localhost/index.css:22` [10:23:04.712] Unknown property 'justify-content'. Declaration dropped. @ `http://localhost/index.css:41` [10:23:04.712] Unknown property 'flex'. Declaration dropped. @ `http://localhost/index.css:109` 

These are not all errors, but some. Can anyone indicate what the problem is?

Thanks in advance!

Answer 1

display: flex is currently only supported behind the runtime flag in Firefox.

To enable it, enter about: config in the url field, look for flexbox and set it to true.

It is enabled by default in Firefox Nightly, as it is an unstable version.

It should be enabled by default in Firefox 22, if the function is ready to be sent.