手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >多浏览器兼容flexbox容器的样式代码
多浏览器兼容flexbox容器的样式代码
摘要:不同浏览器对于flexbox的定义不同.flex-container{display:-moz-box;/*Firefox*/display...

不同浏览器对于flexbox的定义不同

.flex-container {

display: -moz-box; /* Firefox */

display: -ms-flexbox; /* IE10 */

display: -webkit-box; /* Safari */

display: -webkit-flex; /* Chrome, WebKit */

display: box;

display: flexbox;

display: flex;

width: 100%;

height: 100%;

background-color: gray;

}

【多浏览器兼容flexbox容器的样式代码】相关文章:

根据用户浏览器及分辨率调用不同的CSS样式文件

一段巧妙的css debug代码

彻底清除浏览器js和css缓存的方法

css让容器水平垂直居中的7种方式

不同浏览器兼容的CSS编码准则

CSS不同浏览器兼容问题

IE.JS解决IE兼容性问题方法汇总

css3弹性盒模型(Flexbox)详细介绍

兼容好的css透明代码

DIV点击折叠实例代码

精品推荐
分类导航