码迷,mamicode.com
首页 > 其他好文 > 详细

div中嵌套img元素,4px空白

时间:2017-08-31 11:05:26      阅读:147      评论:0      收藏:0      [点我收藏+]

标签:像素   原因   基线   一个   没有   es2017   .com   强制   splay   

写布局的过程中遇到一个问题,在div中嵌套了img元素,没有指定div的高度,嵌套之后div高度始终比img高4个像素,没有设置内外边距,找不到原因。

技术分享

技术分享

技术分享

除非强制div的高度为img的高度,才能使div高度与img高度一致,问题待解决。

技术分享

找到原因了:基线问题,img是行内块元素,在块元素里默认有3px或者4px空白(其实就是和文本的基线对齐不管有没有文本)
解决:设置图片display:block

 

div中嵌套img元素,4px空白

标签:像素   原因   基线   一个   没有   es2017   .com   强制   splay   

原文地址:http://www.cnblogs.com/yihen-dian/p/7456855.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!