避免第一页的边距 - 打印

时间:2017-10-04 02:24:02

标签: javascript css html5 printing

我正试图避开第一页的边距。所有表格(有很多)都适合页面。但第一个有利润。

我试过:这么多方法。有没有办法用CSS来避免首页上的保证金?我尝试了body,html,page ...

我经常搜索。但我找不到解决方案。我虽然创建了一个元素并将其放在第一页上。

我的页面有很多表格。每页一个。除了第一个因为保证金而适合一页。

@media print {
@page {
        margin: 0mm;
        size: auto;
        padding: 0;
}

@page:first {
        margin: 0px;         
        color:blue;    
    }   


html {
        margin: 0px;
}


body {
        display: table;
        margin: 0mm 0mm 0mm 0mm; /* margin you want for the content */   
        margin-top:0px !important;
}

.tableSchedule tr {
        padding-top: 0px;
        height:45px;

        }
.tableSchedule {
        table-layout:fixed;
        width:1130px;
        margin:0;        
        page-break-after:always;
}

1 个答案:

答案 0 :(得分:0)

我过去曾遇到类似图像和div的问题。事实证明,即使您将边距设置为0,某些浏览器也会分隔元素,特别是内联元素,空间为1 em。为父元素设置font-size:0删除了“幻像”边距。只是不要忘记为子元素更改字体大小!

或者,您可以使用负边距设置第一个表格以作弊。即margin-left:-15px。或者根据您的需要。