使用react-to-print打印不分页问题记录

333 阅读1分钟

记录一下在项目开发中遇到的打印问题。 解决的方法并不难,但找不到问题所在令人非常头疼,希望这篇能帮到同道中人。

问题如下:

image.png

代码如下: image.png

样式:

image.png

在样式文件中,即使是添加了page-break-after: always;break-after: page;也没使分页生效。

百思不得其解后,发现简单加一句overflow: visible !important;就轻松解决。

image.png

image.png 完美解决~~

希望能帮助到各位