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