css display属性之我见

display几个比较常见的值

display:none 丨block 丨inline丨inline-block丨table丨inline-table丨table-cell

none：定义了该值的元素不会再文档中显示

block：一般是为内联元素定义该值，使其具有块级元素的特性

inline:一般是为块级元素定义该值，使其具有内联元素的特性

inline-block：定义了该值的元素同时具备了块级元素和内联元素的特性，将对象呈递为内联对象

（慎用，使用display:inline-block在IE下会触发layout，

该值的浏览器兼容写法display：inline-block；*display：inline；*zoom:1;）

table:将元素定义为块级表格来显示

inline-table：将元素定义为内联表格来显示

table-cell：将元素定义为一个表格单元格来显示

 

不足之处欢迎大家指正！