phtm/template.html at main · muonato/phtm · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<!DOCTYPE html>
<html>
	<head>
		<style>
            @media print {
                body {
                    width: 21cm;
                    height: 29.7cm;
                }
            }
            div.portrait {
                float: left;
                width: 9.5cm;
                height: 13.85cm;
                border: 1px black solid;
                margin: 0.1cm;
                page-break-inside: avoid;
            }
            div.portrait img {
                display: block;
                width: 8.65cm;
                height: 13cm;
                margin-left: auto;
                margin-right: auto;
                object-fit: contain;
            }
            div.landscape {
                float: left;
                width: 13.85cm;
                height: 9.5cm;
                border: 1px black solid;
                margin: 0.1cm;
                page-break-inside: avoid;
            }
            div.landscape img {
                display: block;
                width: 13cm;
                height: 8.65cm;
                margin-left: auto;
                margin-right: auto;
                object-fit: contain;
            }
            div.label {
                height: 0.5cm;
            }
        </style>
    </head>
    <body>