novoland
10/23/2015 - 2:31 AM

test_print.html

test_print.html
content_copyfile_download
<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>