react + tailwind 使用的项目用到了 html2canvas 导出图片,遇到了文字向下偏移的问题

271 阅读1分钟

react + tailwind 使用的项目用到了 html2canvas 导出图片,遇到了文字向下偏移的问题,问题的图片

image.png

全局 css/less/scss 文件下增加,即可

@layer base {
    img {
        display: unset;
    }
}

原因:ailwind 的 Preflight 将所有 img 元素设置为 display: block。我可以通过在 @tailwind base 下面添加以下代码来修复,如下图:

image.png