display:block display:inline-block 的属性、呈现和作用

display 是控件的 css 属性之一，表示的是显示模式。none 表示不显示在网页上，但是代码存在；bolck 是此元素将显示为块级元素，此元素前后会带有换行符。

在 CSS 中，块级对象元素会单独占一行显示，多个 block 元素会各自新起一行，并且可以设置 width,height 属性；而内联对象元素前后不会产生换行，一系列 inline 元素都在一行内显示，直到该行排满，对 inline 元素设置 width,height 属性无效。

我们有个时候既希望元素具有宽度高度特性，又具有同行特性，这个时候我们可以使用 inline-block。在 CSS 中通过 display:inline-block 对一个对象指定 inline-block 属性，简单来说就是将对象呈现为 inline 对象，但是对象的内容作为 block 对象呈现。之后的内联对象会被排列在同一行内。比如我们可以给一个 link (a 元素) inline-block 属性值，使其既具有 block 的宽度高度特性又具有 inline 的同行特性。

本作品采用《CC 协议》，转载必须注明作者和本文链接