为什么一个img在一个div里下方有多余的空间

2025-03-20 08:51:57
推荐回答(1个)
回答1:

如下图所示:


解决方案:

img{vertical-align:top;} /*解决方案1*/

img{display: block} /*解决方案2*/

div{line-height: 0} /*解决方案3*/

但是由于图片一般需要居中展示,为了利用text-align:center这个内联属性,推荐 方案1与方案3,方案2不推荐使用。