本文为摘录自“博客园”，版权归原作者所有。

内联元素：也称为行内元素，当多个行内元素连续排列时，他们会显示在一行里面。

内联元素的特性：本身是无法设置宽度和高度属性的，但是可以通过CSS样式来控制，达到我们想要的宽度和高度。

span举例1：

1. span元素属于内联元素，当我们直接设置了宽度和高度的时候代码及显示的结果如下:

虽然定义了宽度和高度，但是并没有起作用。

2. 在样式属性中添加display:block。

这时候可以看到长度和宽度起作用了。

当定义display:block的时候，表示的span的属性变成一个行级块元素，所以这时候显示在两行中。

这样可以就可以将span元素放到一行，并且可以使用css来自定义元素的大小样式了。

inline-block: 既有inline的同行特性，又有block的宽度和高度特性。