删除thead和边框之间不需要的空间

时间:2016-11-21 09:41:26

标签: css printing css-tables

我想删除图片中标记为红色的thead top和tfoot底部空间之间的空格。打印浏览器页面时显示此空间。

enter image description here

我也把我的print css:

@media print{
    table { page-break-after:auto;border:1px solid #000;border-spacing: 1cm 1cm;border-collapse: separate;
            }
    tr    { page-break-inside:avoid;}
    td    { page-break-inside:auto;}
    thead { display:table-header-group }
    tfoot { display:table-header-group }

    .row-fluid [class*="span"] {
      min-height: 20px;
    }
    tr.box td.inner_cell{width:6cm;height:3cm;border:none !important;}

    tr.box td.inner_cell_border{border:#3a3a3a 2px solid !important}

    tr td.sub_hdn_inner{font-weight:500;font-size:20px;background-color:#000;color:#fff;text-align:center;
                        border-top:1cm solid #fff !important;border-bottom:1cm solid #fff !important;
                        border-left:none;border-right:none;}
    tr td.extra_hdn_inner{font-weight:500;font-size:20px;text-align:center;
                        border-top:1cm solid #fff !important;border-bottom:1cm solid #fff !important;
                        border-left:none;border-right:none;}                    

    thead .sub_hdn{background-color:#000;color:#fff;border:none;padding:0.5cm;}
    tfoot .sub_hdn{background-color:#000;color:#fff;border:none;padding:0.5cm}
}

@page { 
    size: 64cm 49cm;
};

0 个答案:

没有答案