質問編集履歴
1
説明を変えました
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
Webkitエンジンで
|
1
|
+
Webkitエンジンでスタイル崩れ(印刷、PDF変換時)→ page-break-inside: avoidが効かない
|
test
CHANGED
@@ -2,19 +2,21 @@
|
|
2
2
|
|
3
3
|
|
4
4
|
|
5
|
-
テーブル(html)をwebkitで印刷・pdf変換(webkitエンジンのwkhtmltopdfを使用)するところ、
|
5
|
+
テーブル(html)をwebkitで印刷・pdf変換(webkitエンジンのwkhtmltopdfを使用)するところ、
|
6
|
-
|
7
|
-
日本語はヘッダーに内容が重なる問題があります。
|
8
6
|
|
9
7
|
|
10
8
|
|
9
|
+
2ページからヘッダーのカラム名と内容が重なる問題があります。
|
10
|
+
|
11
|
+
|
12
|
+
|
11
|
-
・
|
13
|
+
・正常の場合
|
12
14
|
|
13
15
|
![イメージ説明](766845e0b36f78c118d5f23d987480c4.jpeg)
|
14
16
|
|
15
17
|
|
16
18
|
|
17
|
-
・
|
19
|
+
・カラム名と内容の文字が重なる
|
18
20
|
|
19
21
|
![イメージ説明](506c5c60b5ec891ce88290e7968a7356.jpeg)
|
20
22
|
|
@@ -84,15 +86,19 @@
|
|
84
86
|
|
85
87
|
|
86
88
|
|
87
|
-
|
89
|
+
githubの開発ページでは
|
88
90
|
|
91
|
+
tr { page-break-inside: avoid; } を追加することで
|
92
|
+
|
93
|
+
該当の現象が直ると言っています。
|
94
|
+
|
89
|
-
|
95
|
+
ですが、tr { page-break-inside: avoid; }が効かないです。
|
90
96
|
|
91
97
|
|
92
98
|
|
93
|
-
|
99
|
+
githubのフォーラムページ
|
94
100
|
|
95
|
-
t
|
101
|
+
[https://github.com/wkhtmltopdf/wkhtmltopdf/issues/1524](https://github.com/wkhtmltopdf/wkhtmltopdf/issues/1524)
|
96
102
|
|
97
103
|
|
98
104
|
|