在引入图片的时候经常遇到图片底部多出5px间距的问题,那么如何用css解决图片出现间距,下面编程教程网小编给大家简单介绍一下解决方法!
解决方法如下:
解决方案 1:将其父元素的 font-size:0px
解决方案 2:将 img 的样式增加 display:block
解决方案 3:将 img 的样式增加 vertical-align:bottom
解决方案 4:将父元素的样式增加 line-height:5px
以上是编程学习网小编为您介绍的“css如何解决图片出现间距”的全面内容,想了解更多关于 前端知识 内容,请继续关注编程基础学习网。
编程基础网
本文标题为:css如何解决图片出现间距
基础教程推荐
猜你喜欢
- ajax向服务器端传值出现乱码问题 2022-11-25
- JavaScript创建数组的方法详解 2023-08-12
- vue中集成blockly的踩坑之旅 2023-10-08
- 详解JavaScript的计时器和按钮效果设置 2023-08-12
- 网站配色,CSS主色调配色方案 2023-12-21
- 一文掌握在Vue3中书写TSX的使用方法 2023-07-09
- 详解webpack-dev-server使用http-proxy解决跨域问题 2024-03-08
- js点击更换背景颜色或图片的实例代码 2023-11-30
- [前端、HTTP协议、HTML标签] 2023-10-26
- 基于jQuery UI CSS Framework开发Widget的经验 2024-01-08
