HTML元素可以分为三种：行内元素、块状元素、行内块状元素。
1.行内元素(内联元素)
显式转换：display：inline；
常见：<span> <a> <abbr>(缩写) <em>(强调) <small> <strong> <sub> <sup>
特征：1) 设置宽高，行高无效
2) margin和padding：左右有效，上下无效
3) 设置对齐无效
4) 不会自动换行
2.块状元素
显式转换：display: block;
常见：<div> <h> <p> <ul> <table>
特征：1)可以设置宽高，行高，内外边距，对齐
2)自动换行
3.行内块状元素
显式转换：display：inline-block；
常见：<img> <input> <td>
特征：1)可以设置宽高，行高，内外边距，对齐
2)不自动换行
原文：https://www.cnblogs.com/LangZ-/p/12811162.html