问题如下图

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

.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. CentOS  - 查看操作系统版本
			
    cat /etc/redhat-release 参考: https://www.cnblogs.com/baby123/p/6962398.html
    
			
    2. 
						
  2. SAP官网发布的react教程
			
    大家学习React的时候,用的是什么教程呢?Jerry当时用的阮一峰博客上的入门教程,因为React使用的JSX语法并不是所有的浏览器都支持,所以还得使用browser.js在浏览器端将JSX转换成J ...
    
			
    3. 
						
  3. 在SAP Hybris commerce Storefront里购物下单
			
    操作过程和大家平时在网上购物没有太大差别. 选中一款心仪的产品,点击Add to cart加到购物车里: 点击Check out结帐: 生成一个购物车ID: 维护发货地址: 维护发货方式: 点击Pla ...
    
			
    4. 
						
  4. Android笔记(六十四) android中的动画——补间动画（tweened animation）
			
    补间动画就是只需要定义动画开始和结束的位置,动画中间的变化由系统去补齐. 补间动画由一下四种方式: 1.AplhaAnimation——透明度动画效果 2.ScaleAnimation ——缩放动画效 ...
    
			
    5. 
						
  5. Crypto模块中的签名算法
			
    因为支付宝当中需要自行实现签名,所以就用到了SHA265和RSA2,将拼接好的信息用私钥进行签名,并进行Base64编码,然后解密就用支付宝回传给用户的公钥解密就ok了,所以我就使用Crypto模块, ...
    
			
    6. 
						
  6. java容器tomat,jboss支持内部读取软链接
			
    tomcat,jboss允许软链接 作用:当war包解压过后,需要将内部进行链接到外部的可移动存储上时,就需要使用此功能. tomcat默认是不开启tomcat链接的,需要手动添加配置项. 在tomc ...
    
			
    7. 
						
  7. （Linux基础学习）第二章：CentOS7.4安装教程
			
    001 002 003 004 005 006 007 008 009 010 011 012 013 014 015 016 017 018 019 020 021 022 023 024 025  ...
    
			
    8. 
						
  8. python网络-动态Web服务器案例(30)
			
    一.浏览器请求HTML页面的过程 了解了HTTP协议和HTML文档,其实就明白了一个Web应用的本质就是: 浏览器发送一个HTTP请求: 服务器收到请求,生成一个HTML文档: 服务器把HTML文档作 ...
    
			
    9. 
						
  9. 《你说对就队》第九次团队作业：【Beta】Scrum meeting 2
			
    <你说对就队>第九次团队作业:[Beta]Scrum meeting 2 项目 内容 这个作业属于哪个课程 [教师博客主页链接] 这个作业的要求在哪里 [作业链接地址] 团队名称 < ...
    
			
    10. 
						
  10. 3. 控制反转(IoC)和依赖注入(DI)
			
    1).控制反转是应用于软件工程领域中的,在运行时被装配器对象来绑定耦合对象的一种编程技巧,对象之间耦合关系在编译时通常是未知的.在传统的编程方式中,业务逻辑的流程是由应用程序中的早已被设定好关联关系的 ...
    
			
    11.