display css 需要注意的地方

1、几个比较常用的display属性值

display:block/none/flex/inline-block/inline

display:block 俩作用：1、把像span 、a等行内元素（一直讨厌这些名称词，只想用占整行和不占整行来表达）  设置为块级元素。

    2、对于块级元素设置display:block就是显示作用（display:none隐藏）。

display:inline 把块行内元素设置为块级元素，也就是不占整行。

display:inline-block 也是不占整行，但是它拥有行内元素和块级元素俩种属性。

接下来的这个作用在布局方面很方便，很多地方用得到：

display:flex

<div style="display: flex;">
<div style="flex:1">ccc</div>
<divstyle="flex:1">ccc</div>
<divstyle="flex:1">ccc</div>
</div>

在用display:flex的时候需要主要浏览器兼容问题，需要加上

        display: -webkit-flex;         和       flex:1
display: flex;                                 -webkit-flex：1

当然flex并不固定为1，根据你的布局可以设置不同的比例。

更多的地方大家写一下代码就明白了。