質問編集履歴
3
タイトルの修正
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
印刷時のテーブルの高さを揃えたい(transform利用時)
|
|
1
|
+
印刷時のテーブルの要素(td)の高さを揃えたい(Chromeでtransform利用時)
|
test
CHANGED
|
File without changes
|
2
wrapを追加し、行をさらに追加(30行→50行)
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -37,32 +37,49 @@
|
|
|
37
37
|
height: 210mm;
|
|
38
38
|
margin : 0 auto;
|
|
39
39
|
padding : 20mm;
|
|
40
|
-
transform: scale(0.61);
|
|
40
|
+
/* transform: scale(0.61); 削除*/
|
|
41
|
-
transform-origin: 0 0;
|
|
41
|
+
/* transform-origin: 0 0; 削除*/
|
|
42
42
|
}
|
|
43
43
|
@page {
|
|
44
44
|
size: A4 landscape;
|
|
45
45
|
margin: 0 auto;
|
|
46
46
|
}
|
|
47
47
|
|
|
48
|
+
/*wrap追加*/
|
|
49
|
+
div.wrap {
|
|
50
|
+
transform: scale(0.61);
|
|
51
|
+
transform-origin: 0 0;
|
|
52
|
+
}
|
|
53
|
+
|
|
48
54
|
}
|
|
49
55
|
</style>
|
|
50
56
|
</head>
|
|
51
57
|
<body>
|
|
58
|
+
<div class="wrap"><!-- wrap追加 -->
|
|
52
|
-
<table>
|
|
59
|
+
<table>
|
|
53
|
-
<tbody>
|
|
60
|
+
<tbody>
|
|
54
|
-
<?php for($i=0;$i<
|
|
61
|
+
<?php for($i=0;$i<50;$i++): ?>
|
|
55
|
-
<tr>
|
|
62
|
+
<tr>
|
|
56
|
-
<td>テスト<?=$i?></td>
|
|
63
|
+
<td>テスト<?=$i?></td>
|
|
57
|
-
<td>サンプル</td>
|
|
64
|
+
<td>サンプル</td>
|
|
58
|
-
<td>サンプル</td>
|
|
65
|
+
<td>サンプル</td>
|
|
59
|
-
<td>サンプル</td>
|
|
66
|
+
<td>サンプル</td>
|
|
60
|
-
<td>サンプル</td>
|
|
67
|
+
<td>サンプル</td>
|
|
61
|
-
</tr>
|
|
68
|
+
</tr>
|
|
62
|
-
<?php endfor; ?>
|
|
69
|
+
<?php endfor; ?>
|
|
63
|
-
</tbody>
|
|
70
|
+
</tbody>
|
|
64
|
-
</table>
|
|
71
|
+
</table>
|
|
72
|
+
</div>
|
|
65
73
|
</body>
|
|
66
74
|
</html>
|
|
67
75
|
|
|
68
76
|
```
|
|
77
|
+
|
|
78
|
+
### 追加
|
|
79
|
+
PlugOut777様のご教示を受け、
|
|
80
|
+
div.wrapをbodyとtableの間に追加し、テーブルの行数を30行から50行に追加したところ、
|
|
81
|
+
32行目で同じような現象が発生しました。
|
|
82
|
+
|
|
83
|
+
|
|
84
|
+
|
|
85
|
+
|
1
画像リンク位置の修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -4,6 +4,8 @@
|
|
|
4
4
|
|
|
5
5
|
Chromeの開発ツールでRenderingを利用してprint表示にしても、ブラウザ上では均等の高さです。
|
|
6
6
|
ですが、実際に印刷する(PDF保存)と、私の手元の環境では「テスト26」の行が高さが高くなっております。
|
|
7
|
+
|
|
8
|
+
|
|
7
9
|
|
|
8
10
|
使用ブラウザ : Chrome バージョン: 98.0.4758.80（Official Build） （arm64）
|
|
9
11
|
|
|
@@ -37,7 +39,7 @@
|
|
|
37
39
|
padding : 20mm;
|
|
38
40
|
transform: scale(0.61);
|
|
39
41
|
transform-origin: 0 0;
|
|
40
|
-
}
|
|
42
|
+
}
|
|
41
43
|
@page {
|
|
42
44
|
size: A4 landscape;
|
|
43
45
|
margin: 0 auto;
|