网页中图片之间有间距怎么办？网页中图片之间有空白怎么办？vertical-align:bottom; 网页图片之间显示空白的解决方法vertical-align:bottom;

网页中图片之间有间距怎么办？网页中图片之间有空白怎么办？vertical-align:bottom; 网页图片之间显示空白的解决方法：vertical-align:bottom; 

 
第一种方法：在图片的父级加入：font-size:0px;  例如： 
<div class="imgs" style="font-size:0px;">  <img alt="" src="images/one.jpg"/>  <img alt="" src="images/two.jpg"/>  <img alt="" src="images/three.jpg"/>  </div> 
(注：以上跟下面用到的one.jpg,two.jpg,three.jpg是随机定义的图片名，这个根据需要命名图片名称)。  

第二种方法：对图片写一个css样式：img{border:none;display:block;} 例如： <style>  img{  border:none;  display:block; } 
</style> 
<div class="imgs">  <img alt="" src="images/one.jpg"/>  <img alt="" src="images/two.jpg"/>  <img alt="" src="images/three.jpg"/>  </div>  

第三种方法：对图片写一个css样式，效果跟第二种方法一样：img{vertical-align:top; display:block}