Chrome在打印时会水平剪切文本

Question

我正在尝试创建一个按钮，该按钮将打开SharePoint页面上的打印对话框，并使其工作正常，但在chrome中，出于某种原因，当我在边缘测试时，chrome在分页符处水平切割文本开发人员可以正常运行。

我找到了这个post，并尝试了一下，但无济于事

我的自定义CSS

@media print {

    [class^='ms-CommandBar'],
    [role='banner'],
    #O365_NavHeader,
    #SuiteNavPlaceHolder,
    [class^='button'],
    #HideMeToo {
        display: none !important;
    }

    .SPCanvas {
        background: #FFF !important;
    }

    [class^="backgroundImage"] {
        background: #FFF !important;
    }
}

所以我没有足够的声誉来发布图像，所以这里是图像的链接。

Chrome

Edge