手机
当前位置:查字典教程网 >网页设计 > 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容器的样式代码】相关文章:

DIV点击折叠实例代码

css在不同浏览器中的唯一标识以height属性为例

css清除浮动方法和代码

让网站变灰的css代码

css返回顶部图标固定在浏览器右下角且兼容ie6

比较全的CSS浏览器兼容问题整理总结

最全的CSS浏览器兼容问题

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

兼容各浏览器:CSS定义PNG透明效果

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

精品推荐
分类导航