首页 > 解决方案 > 打印网页时格式化错误

问题描述

我正在尝试通过 Ctrl-P 或右键单击打印来打印网页,以便将其保存为 PDF。直到几分钟前,这一切都完美无缺。我对页面上正在使用的网格进行了一些小的尺寸编辑,现在当我尝试打印时,网页在预览屏幕上显示了一些格式故障。

问题如下所示。网格中缺少各种边框,并且在完全保存后会延续到 PDF。正常查看页面时没有任何遗漏。

有问题的网页

标签: htmlcss

解决方案


我知道这是一个愚蠢的问题,但为了记录它,我确实发现了我的问题。

我的文本区域目前在我的网格的某些区域重叠边界。这似乎会导致那些网格边框消失以显示完整的文本区域。

下面我拍摄了一张快照,以显示 textarea 的蓝线是如何越过我的网格的。

文本区域覆盖

解决方案:<div>如果 textarea 在其中,则向边框添加填充


推荐阅读