novoland/test_print.html

## test_print.html
<html>
<head>
    <meta charset="utf-8"/>
    <title>打印测试</title>
    <style type="text/css">
    *{margin:0;padding:0;font-family: 黑体}
    #ticket{
        width:202mm;
        height:80mm;
        page-break-after: always;
        /*background-color:grey;*/
    }
    img {
        width: 26mm;
        height: 26mm;
        position: absolute;
        left: 4mm;
    }
    #code{
        top: 44mm;
    }
    #logo{
        top: 14mm;
    }
    #ticket{position: relative;}
    #text-wrapper {
        padding-left: 35mm;
        padding-top: 10mm;
        padding-right:60mm;
    }
    h1{
        font-size: 7mm;
        margin-top:2mm;
        margin-bottom:6mm;
    }
    #content label{
        display:block;
        font-size:4mm;
        margin-top:2mm;
    }
    #info{
        position:absolute;
        bottom:8mm;
        font-size:3mm;
    }
    #info label{
        display:inline-block;
        padding-right:5mm;
    }
    </style>
</head>
<body>

<div id="ticket">
    <div id="text-wrapper">
        <div id="title">
            <h1>1111羞的铁拳》</h1>
        </div>
        <div id="content">
            <label>日期（Date&nbsp;）：2015年06月05日 19时30分</label>
            <label>场馆（Venue）：海淀剧院    （演出阵容以现场为准）</label>
            <label>座位（Seat&nbsp;）：一层 7 排 2 号</label>
            <label>票价（Price）：580元</label>
            <label>地址（Add&nbsp;&nbsp;）：海淀区中关村大街28号黄庄路口</label>
        </div>
        <div id="info">
            <label>剧院电话：737661737</label>
            <label>1.2米以下儿童谢绝进场</label>
            <label>http://abcdefg.com</label>
        </div>
    </div>
    <img src="a.jpg" id="logo">
    <img src="http://a.hiphotos.baidu.com/baike/w%3D268/sign=b0ccc8a2239759ee4a5067cd8afa434e/2934349b033b5bb571dc8c5133d3d539b600bc12.jpg" id="code"/>
</div>
</body>
</html>
	<html>
	<head>
	<meta charset="utf-8"/>
	<title>打印测试</title>
	<style type="text/css">
	*{margin:0;padding:0;font-family: 黑体}
	#ticket{
	width:202mm;
	height:80mm;
	page-break-after: always;
	/background-color:grey;/
	}
	img {
	width: 26mm;
	height: 26mm;
	position: absolute;
	left: 4mm;
	}
	#code{
	top: 44mm;
	}
	#logo{
	top: 14mm;
	}
	#ticket{position: relative;}
	#text-wrapper {
	padding-left: 35mm;
	padding-top: 10mm;
	padding-right:60mm;
	}
	h1{
	font-size: 7mm;
	margin-top:2mm;
	margin-bottom:6mm;
	}
	#content label{
	display:block;
	font-size:4mm;
	margin-top:2mm;
	}
	#info{
	position:absolute;
	bottom:8mm;
	font-size:3mm;
	}
	#info label{
	display:inline-block;
	padding-right:5mm;
	}
	</style>
	</head>
	<body>

	<div id="ticket">
	<div id="text-wrapper">
	<div id="title">
	<h1>1111羞的铁拳》</h1>
	</div>
	<div id="content">
	<label>日期（Date ）：2015年06月05日 19时30分</label>
	<label>场馆（Venue）：海淀剧院（演出阵容以现场为准）</label>
	<label>座位（Seat ）：一层 7 排 2 号</label>
	<label>票价（Price）：580元</label>
	<label>地址（Add  ）：海淀区中关村大街28号黄庄路口</label>
	</div>
	<div id="info">
	<label>剧院电话：737661737</label>
	<label>1.2米以下儿童谢绝进场</label>
	<label>http://abcdefg.com</label>
	</div>
	</div>
	<img src="a.jpg" id="logo">
	<img src="http://a.hiphotos.baidu.com/baike/w%3D268/sign=b0ccc8a2239759ee4a5067cd8afa434e/2934349b033b5bb571dc8c5133d3d539b600bc12.jpg" id="code"/>
	</div>
	</body>
	</html>