小程序 三行文本 包含图标 模拟器和真机效果不同的问题

上面的效果在真机中是一排两个，共五排。结果发现有的样式出现了混乱，与其它几个不对齐，就是三行中有的行与行之间的间距出现了偏差。

后面我是把后两行去掉，一行一行去测试，发现主要问题出现在第一行，第一行解决了，后面两行就ok。

解决方案：

设置height和line-height

height: 40rpx;
  line-height: 40rpx;

然后去真机中看下第一行是否都对齐。