多浏览器兼容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;
}

以上就是多浏览器兼容flexbox容器的样式代码。什么是成长?那是你内心的一个尺度。你能够感觉到你的成长,你内心知道你会成长为什么样貌,就好像一颗树籽,无需指导,也会成长为一颗挺拔的橡树。世界上每一个人都能够成长为自我最好的样貌。更多关于多浏览器兼容flexbox容器的样式代码请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
10分钟理解CSS3 FlexBox弹性布局

Flexbox制作CSS布局如何实现水平垂直居中的简单实例

基础的CSS3弹性盒Flexbox布局如何使用实例

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

CSS3 Flexbox中flex-shrink属性的用法示例介绍