在引入图片的时候经常遇到图片底部多出5px间距的问题,那么如何用css解决图片出现间距,下面编程教程网小编给大家简单介绍一下解决方法!
解决方法如下:
解决方案 1:将其父元素的 font-size:0px
解决方案 2:将 img 的样式增加 display:block
解决方案 3:将 img 的样式增加 vertical-align:bottom
解决方案 4:将父元素的样式增加 line-height:5px
以上是编程学习网小编为您介绍的“css如何解决图片出现间距”的全面内容,想了解更多关于 前端知识 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:css如何解决图片出现间距
![](/xwassets/images/pre.png)
![](/xwassets/images/next.png)
猜你喜欢
- 突袭HTML5之Javascript API扩展2—地理信息服务及地理位置API学习 2023-12-24
- CSS 鼠标样式和手指样式整理 2024-01-05
- 详解CSS的border边框属性及其在CSS3中的新特性 2024-01-03
- mac笔记本电脑快捷键大全(新手宝典) 2024-12-13
- JavaScript中常见的几种获取元素的方式 2023-07-10
- js实现消息滚动效果 2024-02-22
- jQuery实现的浮动层div浏览器居中显示效果 2024-02-05
- css弧边选项卡的项目实践 2024-02-25
- js使用swiper实现层叠轮播效果实例代码 2023-12-01
- 通过js获取上传的图片信息(临时保存路径,名称,大小)然后通过ajax传递给后端的方法 2024-01-15