您的位置: 首页 > 文章 > div包裹图片时高度高于img

div包裹图片时高度高于img

分类: 文章 • 2025-01-17 15:46:40

现象

div包裹图片时高度高于img

原因

img是一种类似text的元素，在结束的时候，会在末尾加上一个空白符，所以就会多出3px

解决办法

设置display:block
img { vertical-align: middle; }