Код ниже на последней версии HTMLayout вызывает разбиение на одну тысячу страниц. По задумке, всё должно помещаться на одной странице А4.
| | HTML |
| |
<html>
<head>
<style>
body
{
font-family: Impact;
}
div.ticket
{
width: 200mm;
height: 70mm;
margin: 0mm 0mm 1mm 0mm;
padding: 0mm;
overflow: hidden;
outline: 1px solid black;
}
div.block-top
{
width: 91mm;
height: 25mm;
position: absolute;
left: 2mm;
top: 3mm;
outline: 1px solid red;
flow: h-flow;
}
div.block-bottom
{
width: 91mm;
height: 25mm;
position: absolute;
left: 2mm;
top: 42mm;
outline: 1px solid blue;
flow: h-flow;
}
div.cell
{
width: 9mm;
height: 7mm;
margin: 1mm 0mm 0mm 1mm;
padding: 0mm;
outline: 1px solid black;
font-size: 16pt;
text-align: center;
}
div.game-id
{
width: 14mm;
height: 11mm;
position: absolute;
left: 26mm;
top: 30mm;
outline: 1px solid black;
font-size: 22pt;
}
div.ticket-id
{
width: 28mm;
height: 11mm;
position: absolute;
left: 65mm;
top: 30mm;
outline: 1px solid black;
font-size: 22pt;
}
div.broadcast-date
{
width: 27mm;
height: 5mm;
position: absolute;
left: 172mm;
top: 42mm;
outline: 1px solid black;
font-size: 9pt;
text-align: center;
}
div.broadcast-time
{
width: 27mm;
height: 5mm;
position: absolute;
left: 172mm;
top: 52mm;
outline: 1px solid black;
font-size: 9pt;
text-align: center;
}
div.signature
{
behavior: barcode;
width: 46mm;
height: 10mm;
position: absolute;
left: 153mm;
top: 59mm;
outline: 1px solid black;
}
</style>
</head>
<body>
<div.ticket>
<div.block-top>
<div.cell>10</div>
<div.cell>20</div>
<div.cell>30</div>
<div.cell>40</div>
<div.cell>50</div>
<div.cell>60</div>
<div.cell>70</div>
<div.cell>80</div>
<div.cell>90</div>
<div.cell>10</div>
<div.cell>20</div>
<div.cell>30</div>
<div.cell>40</div>
<div.cell>50</div>
<div.cell>60</div>
<div.cell>70</div>
<div.cell>80</div>
<div.cell>90</div>
<div.cell>10</div>
<div.cell>20</div>
<div.cell>30</div>
<div.cell>40</div>
<div.cell>50</div>
<div.cell>60</div>
<div.cell>70</div>
<div.cell>80</div>
<div.cell>90</div>
</div>
<div.game-id>999</div>
<div.ticket-id>999999</div>
<div.block-bottom>
<div.cell>10</div>
<div.cell>20</div>
<div.cell>30</div>
<div.cell>40</div>
<div.cell>50</div>
<div.cell>60</div>
<div.cell>70</div>
<div.cell>80</div>
<div.cell>90</div>
<div.cell>10</div>
<div.cell>20</div>
<div.cell>30</div>
<div.cell>40</div>
<div.cell>50</div>
<div.cell>60</div>
<div.cell>70</div>
<div.cell>80</div>
<div.cell>90</div>
<div.cell>10</div>
<div.cell>20</div>
<div.cell>30</div>
<div.cell>40</div>
<div.cell>50</div>
<div.cell>60</div>
<div.cell>70</div>
<div.cell>80</div>
<div.cell>90</div>
</div>
<div.broadcast-date>23 сентября 2010</div>
<div.broadcast-time>22 часа 00 минут</div>
<div.signature value="7E6ZX43KM0"></div>
<!-- N8Q1ETE7E0 -->
</div>
<div.ticket>
<div.block-top>
<div.cell>10</div>
<div.cell>20</div>
<div.cell>30</div>
<div.cell>40</div>
<div.cell>50</div>
<div.cell>60</div>
<div.cell>70</div>
<div.cell>80</div>
<div.cell>90</div>
<div.cell>10</div>
<div.cell>20</div>
<div.cell>30</div>
<div.cell>40</div>
<div.cell>50</div>
<div.cell>60</div>
<div.cell>70</div>
<div.cell>80</div>
<div.cell>90</div>
<div.cell>10</div>
<div.cell>20</div>
<div.cell>30</div>
<div.cell>40</div>
<div.cell>50</div>
<div.cell>60</div>
<div.cell>70</div>
<div.cell>80</div>
<div.cell>90</div>
</div>
<div.game-id>999</div>
<div.ticket-id>999999</div>
<div.block-bottom>
<div.cell>10</div>
<div.cell>20</div>
<div.cell>30</div>
<div.cell>40</div>
<div.cell>50</div>
<div.cell>60</div>
<div.cell>70</div>
<div.cell>80</div>
<div.cell>90</div>
<div.cell>10</div>
<div.cell>20</div>
<div.cell>30</div>
<div.cell>40</div>
<div.cell>50</div>
<div.cell>60</div>
<div.cell>70</div>
<div.cell>80</div>
<div.cell>90</div>
<div.cell>10</div>
<div.cell>20</div>
<div.cell>30</div>
<div.cell>40</div>
<div.cell>50</div>
<div.cell>60</div>
<div.cell>70</div>
<div.cell>80</div>
<div.cell>90</div>
</div>
<div.broadcast-date>23 сентября 2010</div>
<div.broadcast-time>22 часа 00 минут</div>
<div.signature value="7E6ZX43KM0"></div>
</div>
<div.ticket>
<div.block-top>
<div.cell>10</div>
<div.cell>20</div>
<div.cell>30</div>
<div.cell>40</div>
<div.cell>50</div>
<div.cell>60</div>
<div.cell>70</div>
<div.cell>80</div>
<div.cell>90</div>
<div.cell>10</div>
<div.cell>20</div>
<div.cell>30</div>
<div.cell>40</div>
<div.cell>50</div>
<div.cell>60</div>
<div.cell>70</div>
<div.cell>80</div>
<div.cell>90</div>
<div.cell>10</div>
<div.cell>20</div>
<div.cell>30</div>
<div.cell>40</div>
<div.cell>50</div>
<div.cell>60</div>
<div.cell>70</div>
<div.cell>80</div>
<div.cell>90</div>
</div>
<div.game-id>999</div>
<div.ticket-id>999999</div>
<div.block-bottom>
<div.cell>10</div>
<div.cell>20</div>
<div.cell>30</div>
<div.cell>40</div>
<div.cell>50</div>
<div.cell>60</div>
<div.cell>70</div>
<div.cell>80</div>
<div.cell>90</div>
<div.cell>10</div>
<div.cell>20</div>
<div.cell>30</div>
<div.cell>40</div>
<div.cell>50</div>
<div.cell>60</div>
<div.cell>70</div>
<div.cell>80</div>
<div.cell>90</div>
<div.cell>10</div>
<div.cell>20</div>
<div.cell>30</div>
<div.cell>40</div>
<div.cell>50</div>
<div.cell>60</div>
<div.cell>70</div>
<div.cell>80</div>
<div.cell>90</div>
</div>
<div.broadcast-date>23 сентября 2010</div>
<div.broadcast-time>22 часа 00 минут</div>
<div.signature value="7E6ZX43KM0"></div>
</div>
<div.ticket>
<div.block-top>
<div.cell>10</div>
<div.cell>20</div>
<div.cell>30</div>
<div.cell>40</div>
<div.cell>50</div>
<div.cell>60</div>
<div.cell>70</div>
<div.cell>80</div>
<div.cell>90</div>
<div.cell>10</div>
<div.cell>20</div>
<div.cell>30</div>
<div.cell>40</div>
<div.cell>50</div>
<div.cell>60</div>
<div.cell>70</div>
<div.cell>80</div>
<div.cell>90</div>
<div.cell>10</div>
<div.cell>20</div>
<div.cell>30</div>
<div.cell>40</div>
<div.cell>50</div>
<div.cell>60</div>
<div.cell>70</div>
<div.cell>80</div>
<div.cell>90</div>
</div>
<div.game-id>999</div>
<div.ticket-id>999999</div>
<div.block-bottom>
<div.cell>10</div>
<div.cell>20</div>
<div.cell>30</div>
<div.cell>40</div>
<div.cell>50</div>
<div.cell>60</div>
<div.cell>70</div>
<div.cell>80</div>
<div.cell>90</div>
<div.cell>10</div>
<div.cell>20</div>
<div.cell>30</div>
<div.cell>40</div>
<div.cell>50</div>
<div.cell>60</div>
<div.cell>70</div>
<div.cell>80</div>
<div.cell>90</div>
<div.cell>10</div>
<div.cell>20</div>
<div.cell>30</div>
<div.cell>40</div>
<div.cell>50</div>
<div.cell>60</div>
<div.cell>70</div>
<div.cell>80</div>
<div.cell>90</div>
</div>
<div.broadcast-date>23 сентября 2010</div>
<div.broadcast-time>22 часа 00 минут</div>
<div.signature value="7E6ZX43KM0"></div>
</div>
</body>
</html>
|
| | |
