display：内联于MDN CSS

Question

我正在this link上阅读关于css'display的内容，我在这里看到了这句话：

  

显示：内嵌 |该元素生成一个或多个内联元素框。

这是什么意思？正在谈论什么盒子？

Answer 1

我认为一张图片会说清楚。

http://jsfiddle.net/3PGLd/2/

HTML

<div>
<div class="inline">HI</div>
<div class="inline">HELLO</div>
<div class="inline">HOWDY</div>
</div>
<div>
<div class="block">BYE</div>
<div class="block">GOODBYE</div>
<div class="block">TATA</div>
</div>

CSS

.inline{
display: inline;
border: 1px solid;
}
.block {
display: block;
border: 1px solid red;
}

inline允许更多元素的空间出现在同一水平线上。 block阻挡整个水平区域。