问题如下图

把图片转换成块状元素即可

.img{

  display: block;

}

解决后：

												


											
css去除图片间隙的更多相关文章
	

    
								
  1. CSS - 去除图片img底侧空白缝隙
		
    1. 图片底部有空隙 <!DOCTYPE html> <html lang="en"> <head> <meta charset=&quo ...
    
		
    2. 
						
  2. Django调用JS、CSS、图片等静态文件
		
    zz 在下面的例子中,我们将media作为静态(CSS\JS\图片文件)文件的目录 方法一. 1.首先在settings.py文件中自定义参数 STATIC_PATH=’./media’ .(意为当前 ...
    
		
    3. 
						
  3. Bootstrap  css背景图片的设置
		
    一. 网页中添加图片的方式有两种 一种是:通过<img>标签直接插入到html中 另一种是:通过css背景属性添加 居中方法:水平居中的text-align:center 和 margin ...
    
		
    4. 
						
  4. 使用CSS将图片转换成黑白(灰色、置灰)z转
		
    小tip: 使用CSS将图片转换成黑白(灰色.置灰) by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.c ...
    
		
    5. 
						
  5. Spring MVC程序中得到静态资源文件css,js,图片
		
    转载自:http://www.blogjava.net/fiele/archive/2014/08/24/417283.html 用 Spring MVC 开发应用程序,对于初学者有一个很头疼的问题, ...
    
		
    6. 
						
  6. css背景图片拉伸 以及100% 满屏显示
		
    如何用css背景图片拉伸 以及100% 满屏显示呢?这个问题听起来似乎很简单.但是很遗憾的告诉大家.不是我们想的那么简单. 比如一个容器(body,div,span)中设定一个背景.这个背景的长宽值在 ...
    
		
    7. 
						
  7. 网站性能优化之CSS无图片技术：三角形
		
    1.使用CSS无图片技术,可以总结得到以下三个优点: 减少请求资源的大小: 减少http的请求个数: 提高可维护性. 一.CSS无图片技术,微博中有哪些实际应用呢? 通过上面的展示,我们可以看到,无图 ...
    
		
    8. 
						
  8. mvc伪静态<四> 伪静态后静态页面或者引用的css和图片失效
		
    引用的css和图片失效的解决办法 把样式引用文件的相对路径改成绝对路径就可以了 比如原先的引用路径为:<link href="~/Content/css/style.css" ...
    
		
    9. 
						
  9. CSS实现图片快速等比例缩放，效果佳
		
    初学者在实现图片等比例缩放,通常会使用js编写逻辑来控制高或宽,达到自动缩放的效果. 这里提供一种纯CSS的图片缩放功能,请看代码: <style type="text/css&quo ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. Delphi - 程序运行时不显示主窗体
			
    // 不显示主窗体 Application.ShowMainForm := False;
    
			
    2. 
						
  2. IObit Driver Booster 无法更新驱动的解决办法
			
    IObit Driver Booster 无法更新驱动的解决办法:依次打开软件中的 菜单-设置-网络-自定义代理设置-主机:填入210.101.131.231 端口:8080 最后点确定完成. 注意! ...
    
			
    3. 
						
  3. 【转】TCP报文格式定义详解
			
    TCP报文是TCP层传输的数据单元,也叫报文段. 1.端口号:用来标识同一台计算机的不同的应用进程. 1)源端口:源端口和IP地址的作用是标识报文的返回地址. 2)目的端口:端口指明接收方计算机上的应 ...
    
			
    4. 
						
  4. MYSQL中的乐观锁实现(MVCC)简析
			
    https://segmentfault.com/a/1190000009374567#articleHeader2 什么是MVCC MVCC即Multi-Version Concurrency Co ...
    
			
    5. 
						
  5. InvenSense 美国公司
			
    InvenSense为智能型运动处理方案的先驱.全球业界的领导厂商,驱动了运动感测人机接口在消费性电子产品上的应用.公司提供的集成电路(IC)整合了运动传感器-陀螺仪以及相对应的软件,有别于其他厂商, ...
    
			
    6. 
						
  6. Python3中BeautifulSoup的使用方法
			
    BeautifulSoup的使用 我们学习了正则表达式的相关用法,但是一旦正则写的有问题,可能得到的就不是我们想要的结果了,而且对于一个网页来说,都有一定的特殊的结构和层级关系,而且很多标签都有id或 ...
    
			
    7. 
						
  7. 《The One!团队》第八次作业：ALPHA冲刺（一）
			
    项目 内容 作业所属课程 所属课程 作业要求 作业要求 团队名称 < The One !> 作业学习目标 (1)掌握软件测试基础技术.(2)学习迭代式增量软件开发过程(Scrum) 第一天 ...
    
			
    8. 
						
  8. Redis 缓存雪崩、穿透、击穿
			
    缓存雪崩 定义: 同一时间所有 key 大面积失效,比如网站首页的数据基本上都是同一批次去缓存的. 解决方法: ① 存的时候设定随机的失效时间. ② 服务做熔断处理(异常或着慢查询 Hystrix 限 ...
    
			
    9. 
						
  9. Python win32gui调用窗口到最前面
			
    Python win32gui调用窗口到最前面 0要写一个轮询几个重要页面的程序,不停的在大屏上进行刷新,通过pywin32模块下的SetForegroundWindow函数调用时,会出现error: ...
    
			
    10. 
						
  10. POJ - 3252 - Round Numbers(数位DP）
			
    链接: https://vjudge.net/problem/POJ-3252 题意: The cows, as you know, have no fingers or thumbs and thu ...
    
			
    11.