父元素div跟子元素img大小有误差?

作者: 维维 | 来源:发表于2018-04-21 13:29 被阅读12次

【父元素div跟子元素img大小有0.2误差,不知道从哪里来?】分享自@SegmentFault,传送门:https://segmentfault.com/q/1010000009909061

父元素div跟子元素img大小有误差?

其中有一个答案的解决方法是,用浮动清除内联样式或者设置display: block;

这个答案基本没毛病,但其实追根溯源,这个空白是有原因的。inline 元素会有一个错位,是因为浏览器把它作为一行字来看。

众所周知,英文 a c e 等字母写在格子中间,而 b d p f 等字母则要么往上要么往下突出了一段。

而 inline 元素留下的那一小空白,就是给这些字母留下的。

因此解决办法也很简单,负边距消除,或者改变 display 设定都可以。

相关文章

  • 父元素div跟子元素img大小有误差?

    【父元素div跟子元素img大小有0.2误差,不知道从哪里来?】分享自@SegmentFault,传送门:http...

  • div居中

    设置子元素div 和 父级div 宽高一样使得子元素div在父级的div里面居中

  • js事件委托

    通过构建父元素和子元素,来控制事件。 先通过html构建父元素div,并嵌套一个子元素div,写入不同的方法,设置...

  • 选择父元素

    css:不能选择父元素,只能选择子元素 div p后代选择器(选择属于div的后代元素p) div>p子代选...

  • 16.css: overflow使用 例: 固定div大小,不让

    子元素默认是存在于父元素的内容区中,理论上讲子元素的最大可以等于父元素内容区大小如果子元素的大小超过了父元素的内容...

  • position:absolute相对于谁定位及溢出隐藏问题

    1、绝对定位元素溢出父元素如何隐藏 通常,为了让DIV子元素超出部分隐藏,都是在父元素设置overflow:hid...

  • 父子元素高度问题 踩坑

    1、父子元素高宽问题 未指定父元素宽度,指定子元素宽度后,chrome下父元素div的宽度等于子元素宽度撑起的宽度...

  • 父元素设置min-height子元素设置100%问题

    父元素设置min-height子元素高度设置100%取不到值,这是因为子元素 div设置 height:100%;...

  • 样式问题小总结

    图片img与父元素div之间的间隙解决: vertical-alignvertical-align 指定了行内(i...

  • 界面css 调整

    子div使用了float浮动之后,如何撑开父元素,让父元素div自动适应高度 下拉菜单被遮挡 下拉菜单被遮挡

网友评论

    本文标题:父元素div跟子元素img大小有误差?

    本文链接:https://www.haomeiwen.com/subject/ellxlftx.html