html 打印 使用模板,HTML针式打印机打印模板

直接复制在html文件中，然后把打印的内容放在.orderprint中，然后根据需要调整大小即可.

/p>

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

body {

background: #FFF none;

}

.ncsc-order-details {

width: 50%;

box-sizing: border-box;

}

.ncsc-order-details:last-child {

border-right: 0

}

.ncsc-order-details .content dl dd a,

.ncsc-order-contnet .daddress-info dd a {

float: none;

padding-left: 0

}

.A4 {

page-break-before: auto;

page-break-after: always;

}

.print-layout {

width: 241mm;

height: 140mm;

margin: 20px auto 0;

padding: 0;

}

.print-layout .print-page {

width: 100%;

height: 100%;

top: 0;

left: 0;

margin: 0;

overflow: hidden;

}

.orderprint {

width: 100%;

height: 100%;

padding: 0;

}

.orderprint .top {

width: auto;

}

.buyer-info {

margin: 15px 15px;

}

.ncsc-order-details .content {

padding: 5px 15px 0px 15px;

}

.ncsc-order-details .content dl,

.ncsc-order-contnet .daddress-info {

margin-bottom: 5px;

}

针式打印机打印模板

打印

function preview() {

bdhtml = window.document.body.innerHTML;//获取当前页的html代码

sprnstr = "";//设置打印开始区域

eprnstr = "";//设置打印结束区域

prnhtml = bdhtml.substring(bdhtml.indexOf(sprnstr) + 17); //从开始代码向后取html

prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr));//从结束代码向前取html

window.document.body.innerHTML = prnhtml;

window.print();

window.document.body.innerHTML = bdhtml;

}