微信排版gif图文有间隙怎么办？

微信公众平台正文里插入图片与图片之间的间距很大是因为插入图片的时候，会自动添加一个回车，增加图片与图片之间的间距。如果图文消息复制与其他公众平台或者网页，也会因为复制时页面的特殊格式，在粘贴时丢失了某些格式限制（比如公众平台编辑器不支持的CSS样式等）而变形使突变之间的间距变大。还有可能是因为浏览器的兼容性问题，不能很好地兼容粘贴过来的格式，也可能导致图片与图片之间的间距变大。可以在编辑完毕后，将内容全选，剪切，并复制到第三方在线编辑器如135编辑器、大电商编辑器、新媒体排版等进行处理，删除多余的空行后再复制回微信编辑器。

小程序的image组件提供了缩放的模式选择，默认的scaletofill就是设置固定的宽高模式比较少使用，更多的是需要自适应宽高的情况。

widthfix多适用于通栏，width:100%,高度不同设备自适应的情况。此时会按照原图比列自动缩放高度，常用于轮播图。

aspectFill多用用在固定大小的范围内显示，区别是可以保留一边，除去通栏外一般用处较多。

个别情况下需要图片始终居中缩放，多用在用户头像圆环之类，一般留在保留中心内容的部分，文档中暂没，需要单独设置。

最近做小程序，需要用到flex布局，发现垂直居中是用：vertical-align:middle或者line-height

后来发现这2个都不能完全实现图片与文字居中，这可怎么办？

我给start_k这个class加了vertical-align:middle，不行，后来又用line-height，还是不行

没有图片和文字还没居中对齐，最后改为align-items:center，就居中对齐了

最后查看了一下align-items：center的属性

居中对齐d性盒的各项元素：

view { display：flex

align-items：center

}

但是也遇到了align-items：center无法居中的问题，想了很久终于找到了解决办法。

解决方法可以查看博客那篇文章

[解决 flex align-items：center 无法居中（微信小程序）]

网址：( https://www.cnblogs.com/zzd0916/p/7218451.html )

---