解決小程序里面的圖片之間有空隙的問題？？？

1、將圖片轉換為塊級對象

• 即，設置image為display:block;

    image {
    	display:block;
    }
  

2、設置圖片的垂直對齊方式

• 即，設置圖片的vertical-align屬性為"top,text-top,bottom,text-bottom"

    image {
    	vertical-align: top;
    	vertical-align: text-top;
    	vertical-align: bottom;
    	vertical-align: text-bottom;
    }
  

3、設置父對象的文字大小為0px

• 即，在外層盒子添加font-size:0;

• 可以解決問題。但這也引發新的問題，在父對象中的文字都無法顯示。就算文字部分被被子元素對象括起來，設置了子對象文字依然可以顯示，但在css校驗的時候會提示文字過小的錯誤。

    image {
    	font-size: 0;
    }
  

4、改變父對象的屬性

• 如果父對象的寬、高固定、圖片大小隨父對象而定，那么可以設置：overflow:hidden;

• 父元素.send

    .send {
    	width: 180px;
    	height: 30px;
    	overflow: hidden;
    }
  

5、設置圖片的浮動屬性

• 即 在image中增加float:left;
  如果要實現圖文混排，這種方法是很好的選擇

    image {
    	float: left;
    }
  

6、父元素添加 display:flex;flex-direction:column;

.send{
	display: flex;
	flex-direction: column;
}