div中嵌套img元素，4px空白
Posted 伊痕殿
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了div中嵌套img元素，4px空白相关的知识，希望对你有一定的参考价值。
写布局的过程中遇到一个问题，在div中嵌套了img元素，没有指定div的高度，嵌套之后div高度始终比img高4个像素，没有设置内外边距，找不到原因。
除非强制div的高度为img的高度，才能使div高度与img高度一致，问题待解决。
找到原因了：基线问题，img是行内块元素，在块元素里默认有3px或者4px空白（其实就是和文本的基线对齐不管有没有文本）
解决：设置图片display:block
以上是关于div中嵌套img元素，4px空白的主要内容，如果未能解决你的问题，请参考以下文章
关于div包裹imgiframe等标签会多3px或4px的问题