前言
我们都知道HTML中的span标签是行内标签，行内标签是无法设置高度和宽度的，但是就是需要给span设置宽度，应该怎么处理呢？
display
首先我们先来学习一下display属性。
| 取值 | 效果 |
|---|---|
| none | 不显示元素 |
| inline | 行内效果 |
| block | 块级效果 |
| inline-block | 同时具有行内和块级效果 |
最常用的是这几个，先进行总结这4个。
span设置宽度
span是行内元素，具有了inline的效果，这个时候在其基础上添加设置宽度的功能，就是给span这个行内元素添加块级的效果，即设置span标签为：
display: inline-block;
这样width: 100%;就可以生效了。
