display相关属性解析

布局display相关介绍

顾明思议，display有很多属性值。这里着重讨论inline block none 以及css2.1增加的inline-block

inline:内联元素，设置高度和宽度无效，通过内部元素撑开。
像span label等都是内联元素

block：块级元素，可以设置高，宽度默认占满100%

none：隐藏dom元素，这个很简单，没有可说的。

inline-block：行内块元素，可以设置宽度和高度。是上面两种属性的综合。如果不设置宽度，就由内部子元素撑开。

list-item：元素内容生成一个块型盒，随后再生成一个列表型的行内盒 li默认这个属性。它和block的区别，list-item前面默认有个点。

flex：弹性盒子布局，还是有些坑的，使用时候特别注意浏览器兼容性。

参考
https://developer.mozilla.org/en-US/docs/Web/CSS/display
https://segmentfault.com/a/1190000000654770
http://blog.csdn.net/kendyhj9999/article/details/45221567
http://blog.csdn.net/sup9278/article/details/46566895
http://www.w3ccafe.com/363.html