display——显示方式

none-不显示
表示完全不显示也不占用空间 none统长用于隐藏元素
block——占用母元素的整个元素
块级元素的特点就是会占用母元素的整个宽度
display: block;
没加block的span

加了后

inline -宽度由内容的多少决定
默认就是inline
这里我们用div做测试

div{border: solid;display: inline;}

行内块元素(inline-block)：
结合的行内和块级的优点，既可以设置长宽，可以让padding和margin生效，又可以和其他行内元素并排。