在引入图片的时候经常遇到图片底部多出5px间距的问题,那么如何用css解决图片出现间距,下面编程教程网小编给大家简单介绍一下解决方法!
解决方法如下:
解决方案 1:将其父元素的 font-size:0px
解决方案 2:将 img 的样式增加 display:block
解决方案 3:将 img 的样式增加 vertical-align:bottom
解决方案 4:将父元素的样式增加 line-height:5px
以上是编程学习网小编为您介绍的“css如何解决图片出现间距”的全面内容,想了解更多关于 前端知识 内容,请继续关注编程基础学习网。
织梦狗教程
本文标题为:css如何解决图片出现间距


基础教程推荐
猜你喜欢
- iframe实现与父页面跨域隔离的JavaScript 代码沙箱 2023-07-10
- HTML5边玩边学(2)基础绘图实现方法 2024-01-24
- html5基础---h5特性 2023-10-27
- JS基础---html中事件冒泡和捕获 2023-10-27
- CSS小技巧 导航中鼠标经过变换文字的实现代码 2023-12-28
- 深入理解React Native核心原理(React Native的桥接(Bridge) 2024-01-06
- JS原生手写轮播图效果 2024-02-09
- CSS3 滤镜 webkit-filter详细介绍及使用方法 2024-02-07
- Ajax发送和接收二进制字节流数据的方法 2022-12-28
- Vue SPA 首屏优化方案 2024-01-23