多浏览器兼容flexbox容器的样式代码

当前位置 : 首页 > 网页制作 > CSS > 多浏览器兼容flexbox容器的样式代码

多浏览器兼容flexbox容器的样式代码

来源: 作者: 时间:2015-11-16 13:30
不同浏览器对于flexbox的定义有所不同,这也是所有从事类似职业伙伴们所头痛的问题,本文将详细介绍,需要的朋友可以参考下
不同浏览器对于flexbox的定义有所不同,这也是所有从事类似职业伙伴们所头痛的问题,本文将详细介绍,需要的朋友可以参考下
不同浏览器对于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;
}
Tag:
上一篇:[css3]
下一篇:css选择器优先级深入理解
网友评论

<