首先，所有主流浏览器都支持 display 属性。其次，我们都知道display 属性规定元素应该生成的框的类型。默认值：inline

我们常用的display属性值有：

inline
block
inline-block
none
把 display 设置成 none 不会保留元素本该显示的空间，但是 visibility: hidden 还会保留。

那么，display:inline、display:block和display:inline-block有什么区别呢？

复制代码代码如下:
<style>
.inline{display:inline; width:100px; height:100px; padding:5px; background-color:#F00;}
.block{display:block; width:100px; height:100px; padding:5px;background-color:#0f0;}
.inline-blo..