关于前端:vue打印样式css隐藏页眉和页脚

暗藏打印预览的“页眉和页脚”，两种计划，举荐计划一

计划一：

<style media="print">
/* 暗藏打印预览的页眉和页脚 */
@page {
    size: auto; /* auto is the initial value */
    margin: 0mm; /* this affects the margin in the printer settings */
}
</style>

计划二：
手动暗藏：打印预览 更多设置 -> 选项 勾销勾选“页眉和页脚”

应用vue-print-nb发现在打印预览时款式全都没了

下边是须要打印的div，在写css款式的时候，id=”receipts”这个div不能够让父级给包裹（也就是不能够有别的父级包裹这个div），且父级不能够有款式（id=”receipts”这个div不能够有款式）！ 款式应写在class=”receipts-box”这个div上。或者应用内款式也是能够的（不举荐这么做）。

<div id="receipts">
    <div class="receipts-box">
        <div class="">这里是小票的logo图片</div>
        <div class="">交易工夫：</div>
        <div class="">交易单号</div>
        ...
        ...
    </div>
</div>