logo科技微讯

button 中的 img 上下居中对齐

作者:科技微讯
日期:2020-03-08
📝 笔记

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


相关笔记:

  • inline-box 和 line-box:inline box 在垂直方向上的 padding 和 border 不会推开上下的元素,会和它们重叠;
donation赞赏
thumbsup0
thumbsdown0
暂无评论