HTML 标签中三种常用的默认显示方式：
- display: inline
- display: block
- display: inline-block
display:inline（行内元素）
- 将元素改变为行内元素（此时宽高不可设置，只能由内容的多少来改变）；
- 与其他行内元素共享一行；
- 可以使用 padding，margin 的 left 和 right 产生边距效果，但是 top 和 bottom 就不行。
display: block（块元素）
- 将元素改变为块级元素（此时宽高可设置）；
- 独占一行;
- 可以设置 padding，margin 的各个属性值，top，left，bottom，right 都能够产生边距效果;
display: inline-block（行内块元素）
- 能和其他行内或行内块元素共享一行
- 可以设置 padding，margin 的各个属性值，top，left，bottom，right 都能够产生边距效果。
- 可以设置宽、高；
这里最易记错的地方是行内元素（padding，margin 的 left 和 right 产生边距效果，但是 top 和 bottom 就不行），inline-block 兼容性差点，当然也仅仅是低版的 ie 不兼容，还有就是可以合理利用元素默认显示方式，少写些样式
以下常用元素显示默认状态：
常见的行内元素：a,span，i（斜体）,em（强调）,sub(下标)，sup（上标）等 ;
常见的块级元素: div,h1-h6,p,pre,ul,ol,li,form,table,label 等;
常见的行块级元素: button,input，textarea,select, img 等
文中如有错误，欢迎在评论区指正，如果这篇文章帮助到了你，欢迎点赞和关注
