在引入图片的时候经常遇到图片底部多出5px间距的问题,那么如何用css解决图片出现间距,下面编程教程网小编给大家简单介绍一下解决方法!
解决方法如下:
解决方案 1:将其父元素的 font-size:0px
解决方案 2:将 img 的样式增加 display:block
解决方案 3:将 img 的样式增加 vertical-align:bottom
解决方案 4:将父元素的样式增加 line-height:5px
以上是编程学习网小编为您介绍的“css如何解决图片出现间距”的全面内容,想了解更多关于 前端知识 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:css如何解决图片出现间距
基础教程推荐
猜你喜欢
- js中键盘事件实例简析 2023-12-02
- 浅析JavaScript中的变量复制、参数传递和作用域链 2023-12-02
- vuejs el-table导出excel表格 2024-12-09
- js关于getImageData跨域问题的解决方法 2023-12-01
- javascript 取小数点后几位几种方法总结 2024-01-08
- 比较Ajax的三种实现及JSON解析 2022-10-18
- javascript showModalDialog传值与FireFox的window.open 父子窗口传值示例 2024-02-09
- 使用JavaScript获取Request中参数的值方法 2024-02-09
- vue如何在父组件中调用子组件的方法 2023-10-08
- 关于 html:CSS – 调整浏览器窗口大小时修复边 2022-09-21