css 属性之dispaly

display翻译过来是属性的意思，用于控制元素的显示相关，主要用到属性有

none： 让元素不显示，与visibility属性的hidden值不同，后者会显示占用的空间

block：对象显示为块级元素，例如把内联元素a设置block，那么就是块级元素，独占一行

inline：对象显示为内联元素，例如把块级元素p设置为inlien，那么就是变成内联元素

inline-block：对象设置为内联块元素，可以设置margin-top和margin-right

 

dispaly：node的效果（第一个div不会显示，消失了）

dispaly：block的效果（把一个内联元素a设置为块元素，独占一行） 

dispaly：inline （将p元素设置为内联元素，可以看到两个p挤到一行） 

display：inline-block的效果，可以设置上下外边距

附：display的全属性