难度级别：初级及以上                                 提问概率：70% 

---

我们知道，HTML标签元素有块元素和行内元素，他们的display属性值默认是block和inline。两个块元素默认会产生换行显示的效果，而两个行内元素会显示为水平横向排列的效果。除此之外，他们还有哪些区别呢？

首先在HTML语义化层面上，块元素的自身定义就是一个容器，它的内部可以容纳其他块元素和行内元素；而行内元素自身的定义是用来容纳少量文本的，最多在其内部再添加一些行内元素；但事有例外，在开发场景中，例如商品列表页，用户点击每个商品都是可以跳转的，这就需要在整个商品区域外部布局一个a标签。

其次在宽高设置上，块元素由于自身定位原因，可以自由设置宽高，并且如果自身没有宽度的话，会自动继承父元素的宽度；而行内元素默认情况下是不能设置宽高的，即便设置了line-height样式属性，也不能改变自身的高度，但是却可以撑起父元素的高度。

在margin与padding设置方面上，块元素不用多说，都是完美支持的，比较有疑惑的就是行内元素，我们先只在页面中布局9个行内元素span，看下面代码和图展示效果 

HTML代码：
<div