質問編集履歴

1

説明を変えました

2015/10/15 05:47

投稿

super
super

スコア33

test CHANGED
@@ -1 +1 @@
1
- Webkitエンジンで日本語のスタイル崩れ(印刷、PDF変換時)→ page-break-inside: avoidが効かない
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を使用)するところ、英語(1バイト文字)は綺麗に出力できますが、
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
- [https://github.com/wkhtmltopdf/wkhtmltopdf/issues/1524](https://github.com/wkhtmltopdf/wkhtmltopdf/issues/1524)
95
+ ですが、tr { page-break-inside: avoid; }が効かないです。
90
96
 
91
97
 
92
98
 
93
-
99
+ githubのフォーラムページ
94
100
 
95
- tr { page-break-inside: avoid; } を追加することで、英語では問題がなくなりますが、日本語(もしくはマルチバイト)は効かないようです。
101
+ [https://github.com/wkhtmltopdf/wkhtmltopdf/issues/1524](https://github.com/wkhtmltopdf/wkhtmltopdf/issues/1524)
96
102
 
97
103
 
98
104