程序问答   发布时间:2022-06-02  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了图像似乎有边距,但 DevTools 说它没有大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决图像似乎有边距,但 DevTools 说它没有?

开发过程中遇到图像似乎有边距,但 DevTools 说它没有的问题如何解决?下面主要结合日常开发的经验,给出你关于图像似乎有边距,但 DevTools 说它没有的解决方法建议,希望对你解决图像似乎有边距,但 DevTools 说它没有有所启发或帮助;

我有多个图像通过 column-count 分成 2 列,我想尝试以 Masonry 风格的视图显示图像。

我遇到了图像之间存在间隙的问题,我能够通过更改 CSS 中的 column-gap 来消除图像两侧之间的间隙,但我所做的任何事情都无法消除它们之间的游戏图片的顶部/底部。

这是我能够重新创建它的地方:https://jsfiddle.net/dL4sjhf6/

这是它的样子:

图像似乎有边距,但 DevTools 说它没有

解决方法

向图像添加 vertical-align: top;display: block。默认情况下,图像是内联元素,它们的底部(即图像本身下方)有一些下行空间。添加其中一项设置将避免这种情况。

https://jsfiddle.net/3p4h0d75/

大佬总结

以上是大佬教程为你收集整理的图像似乎有边距,但 DevTools 说它没有全部内容,希望文章能够帮你解决图像似乎有边距,但 DevTools 说它没有所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。