多浏览器兼容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;
}
复制代码代码如下:
.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禁用输入法(CSS3 UI规范)实例解析