关于div包裹img、iframe等标签会多3px或4px的问题

最新推荐文章于 2023-04-27 10:14:48 发布

weixin_34162228

最新推荐文章于 2023-04-27 10:14:48 发布

阅读量525

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/st-client/p/10149487.html

本文探讨了在不设定高度的情况下，使用div标签包裹img或iframe等行内元素时，出现额外像素空白的问题。通过将img或iframe的display属性设置为block，可以消除这一现象。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

div标签直接包裹img或iframe等标签的时候，div不设置高度，子标签设置高度，此时div标签会被撑开，同时div的高度会比子标签多3px或4px，这是由于子标签底部多了几个px的空白，由于子标签是行内元素，display属性值为inline，类似于文本，需要把img或iframe标签设置为块级元素，即给img、iframe这些标签设置{display:block}，就不会出现几像素的空白。

转载于:https://www.cnblogs.com/st-client/p/10149487.html