Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
977 views
in Technique[技术] by (71.8m points)

html - display: flex - not working in firefox 21

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

I tried uninstalling firefox 20 and reinstalling firefox 21 recently hoping it would work, but it doesn't.

When using the web developer tools, I can 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`

Those are not all the errors but some. Can anyone point out what the problem is?

Thanks in advance!

See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)

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

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

It is enabled by default in Firefox Nightly, as it is a non-stable version.

It is due to be enabled by default in Firefox 22, providing the feature is ready to ship.


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...