| Код |
<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<style type='text/css'>
*{ margin: 0; padding: 0; }
._TICKET, ._TICKETLAST{
width: 10cm;
height: 7.2cm;
position: relative;
page-break-inside: avoid;
}
._PAGEBREAKALWAYS{ page-break-after: always; }
._PAGEBREAKAVOID{ page-break-after: avoid; }
._OBJ{
width: 2cm; height: 2cm;
position: absolute;
left: 0;
top: 0;
box-sizing: border-box;
}
._V90{
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
}
._V45{
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
._V-45{
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
}
</style>
</head>
<body>
<div class="_TICKET _PAGEBREAKALWAYS">
<div class="_OBJ _V90" style="left: 1cm; top: 1cm">Eat it soft brad and drink tea</div>
<div class="_OBJ _V45" style="left: 3cm; top: 4cm">Eat it soft brad and drink tea</div>
<div class="_OBJ _V-45" style="left: 4cm; top: 1cm">Eat it soft brad and drink tea</div>
</div>
<div class="_TICKET _PAGEBREAKAVOID">
<div class="_OBJ _V90" style="left: 1cm; top: 1cm">Eat it soft brad and drink tea</div>
<div class="_OBJ _V45" style="left: 3cm; top: 4cm">Eat it soft brad and drink tea</div>
<div class="_OBJ _V-45" style="left: 4cm; top: 1cm">Eat it soft brad and drink tea</div>
</div>
</body>
</html>
|
Печатаю вот такой простенький документ в FireFox, сбиваеться второй тикет, печатаеться не сначала страницы (можно не печатать, в предпросмотре уже видно).
Дорлжны 2 страницы идентичных быть.
И вопросик с Opera и ее вертикальным текстом при печати, отображаеться отлично а вот текст не печаатаеться вертиклаьно мб кто вкурсе как че? |