网页制作 
首页 > 网页制作 > 浏览文章

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

(编辑:jimmy 日期: 2024/11/18 浏览:3 次 )
不同浏览器对于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;
}
上一篇:css选择器优先级深入理解
下一篇:用CSS禁用输入法(CSS3 UI规范)实例解析