为什么要给“Div”等容器添加Flex属性样式？_html/css_WEB-ITnose

Flex属性定义
.flexbox {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}

一个Flexbox布局是由一个伸缩容器(flex containers)和在这个容器里的伸缩项目(flex items)组成。
伸缩容器(flex containers)是一个HTML标签元素，并且“display”属性显式的设置了“flex”属性值。在伸缩容器中的所有子元素都会自动变成伸缩项目(flex items)。
设置一个简单的伸缩容器很容易，代码如下：.container { display: flex;}

说明是这样的，但具体为什么要给“Div等容器”添加Flex属性呢？？？ 添加了这个属性Div元素到底发生了什么变化了？？？

不添加这个属性，Div和内部的元素也可以伸缩啊？？？

有没有添加Flex和不添加Flex的案例可以分析下？？？

分会给，帖子速结。

回复讨论(解决方案)

参考下这个：

http://HdhCmsTestw3school测试数据.cn/cssref/pr_box-flex.asp

有属性:

     div{display:-moz-box; /* Firefox */display:-webkit-box; /* Safari and Chrome */display:box;width:300px;border:1px solid black;}#p1{-moz-box-flex:1.0; /* Firefox */-webkit-box-flex:1.0; /* Safari and Chrome */box-flex:1.0;border:1px solid red;}#p2{-moz-box-flex:2.0; /* Firefox */-webkit-box-flex:2.0; /* Safari and Chrome */box-flex:2.0;border:1px solid blue;}   
Hello
W3School

      
查看更多关于为什么要给“Div”等容器添加Flex属性样式？_html/css_WEB-ITnose的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did108670