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,根据你的布局可以设置不同的比例。
更多的地方大家写一下代码就明白了。