CSS display

display

1. 常用值： inline; inline-block; block;

2. 区别：
   

   注：这几个元素都设置了同样的宽高

   1. inline: 行内元素
   2. inline-block: 行内块级元素
   3. block: 块级元素(自成一行)

3. 当我们给这三个元素加float属性的时候

   注： 属性值不为none

   
   让我们看一下代码提示是怎么说的：
   
   当带inline属性的元素设置了非none的float属性时，这个盒子将会按照设定的float值来浮动，display属性将会按照display: none来显示。

4. 当display的值为flex或inline-flex时，这个涉及到了弹性盒子，请看下一篇博文。