在打印预览问题时，使用@media query print css

Question

我试图使用@media query print css在一张A4纸上打印两个运输标签。以下是我尝试的代码，但它是作为一个运输标签在一张纸上的另一张另一张纸上的另一张运输标签。我需要在一张A4纸上装上两个运输标签。

有人可以帮助我或指导我如何做到这一点，使用@media print css在一张A4纸上装上两个运输标签。以下是我正在使用的代码。

<style media="print">
    .print { display:none; }
    body {
    width: 470px !important;
    height: 300px;
    margin-top: -270;
    margin-left: 100px;
    page-break-inside: avoid;
    }
</style>

提前谢谢...... !!!!

Answer 1

你的身体样式非常小，你没有使用@page CSS规则来定义页面大小，这可能是问题所在。有关可能对您有所帮助的其他网页，请参阅here和here。

修改

您可能还需要使用page-break-inside，请参阅this。