在 <button> 中使用 <img>,默认图片不会在 button 中上下居中对齐,但可以给 img 加 vertical-align: middle 使之对齐。vertical-align 只能应用于 inline 元素,inline-box 元素,以及 table-cell 元素。出处
<button>
<img>
vertical-align: middle
相关笔记:
inline-box 和 line-box:inline box 在垂直方向上的 padding 和 border 不会推开上下的元素,会和它们重叠。