html2canvas.js文字不展示问题记录

今天跟往常一样写了一个动态长列表，因为内容不需要撑满整行所以考虑直接用display:inline-block搞定。
完美搞定。
但是需求中需要用以图片形式导出内容，于是引入了html2canvas.js。
测试了一下点击导出功能，图片导出成功了，但是突然发现内容所对应的位置没有文字展示。
于是看了官方的支持的 CSS 属性和值的列表----没有任何问题。。。
直接删除内容css，文字展示成功。
逐行测试：最终发现display:inline-block导致。

最后改成flex布局，处理该问题