button 中的 img 上下居中对齐

在 <button> 中使用 <img>，默认图片不会在 button 中上下居中对齐，但可以给 img 加 vertical-align: middle 使之对齐。vertical-align 只能应用于 inline 元素，inline-box 元素，以及 table-cell 元素。出处

相关笔记：

• inline-box 和 line-box：inline box 在垂直方向上的 padding 和 border 不会推开上下的元素，会和它们重叠；