如何在单独的页面上打印带有类的div

Question

我有一个具有特定类的div，我想在单独的页面上打印。我想隐藏所有其他的东西，例如按钮，工具栏等。我还想在每页的顶部应用一些边距或填充。我正在尝试使用以下打印样式表进行此操作：

        @media print {
        html, body {
            height: 100%;
        }
        body * {
            visibility: hidden;
        }
        .mydiv .mydiv * {
            visibility: visible;
        }
        .mydiv {
            padding-top:10em;
        }
    }

但是，这在顶部的第一页上留下了很大的空白，因为还有其他内容，我想将可见性设置为隐藏实际上并不会折叠那里的其他内容所占用的空间。我尝试对.mydiv进行display：none和display：block，但页面上没有任何显示。另外，在随后的页面上，mydiv在顶部和左侧都没有空白。我尝试了em，mm，px等的padding-top或margin-top，但似乎没有任何效果。

Answer 1

您可以使用分页符。分页器的作用是，它将所有内容打印到要打印的下一页。