css display属性-学习笔记

1、none 元素隐藏，不显示

2、inline 内联样式 。高度宽度、text-align元素失效，line-height会让inline元素居中

3、block 设置为块状元素。如果不指定宽高，默认继承父元素宽度，前后自带换行符，有剩余宽度也会独占一行。高度一般为子元素撑开，也可以自己设置。

4、inlin-block 结合了block的宽高特性和inline的同行特性，结合text-align: justify还可以实现固定宽高的列表两端对齐布局。

5、list-item 列表显示

6、table 表格显示，表格前后有换行符，独占一行

7、inline-table 内联表格，前后没有换行符

8、flex 弹性布局 会使子元素的float、clear和vertical-align属性失效。

9、inherit 继承父元素的display

10、-webkit-box