块级标签包含行内标签底部出现3px间隔的解决办法

来源：动视网责编：小采时间：2020-11-27 15:39:11

块级标签包含行内标签底部出现3px间隔的解决办法:当块级标签（如div）内包含了行内标签（如img），则外层元素与内层元素底部会出现3px的间隔；代码如下： doctype html> html lang=en

推荐度：

点击下载本文 文档为doc格式

导读块级标签包含行内标签底部出现3px间隔的解决办法:当块级标签（如div）内包含了行内标签（如img），则外层元素与内层元素底部会出现3px的间隔；代码如下： doctype html> html lang=en

当块级标签（如div）内包含了行内标签（如img），则外层元素与内层元素底部会出现3px的间隔；

代码如下：



 
 Document

显示效果如下：

解决办法有三种：

　　1.设置div{ font-size: 0}；将外层块级标签的font-size设置为0；

　　2.设置img{ display: block};将内层行内标签的display设置为block，将其变为块级标签；

　　3.设置img{ vertical-align:top;}；将内层行内标签的vertical-align设置为top；

推荐度：

点击下载本文 文档为doc格式

标签：解决办法块级标签行内标签