質問編集履歴

1

画像差し替え

2019/02/13 14:26

投稿

saya24
saya24

スコア222

test CHANGED
File without changes
test CHANGED
@@ -34,10 +34,82 @@
34
34
 
35
35
  ○○○○株式会社が左隅から・2019年○月○日が右隅に、同じ行に表れていることを望んでいますが、下記のとおりそのようになってくれません。
36
36
 
37
- ![イメージ説明](c1a2831355f88613a81ff5f49907352c.png)
37
+ ![イメージ説明](0fc57ae040402fc23cf357dd301d5eeb.png)
38
38
 
39
39
  HTMLというか、PHPでのTCPDFというライブラリの採用中で、この上でHTMLを定義している過程です。初歩的なことですが どうすれば段ズレみたいな事象を克服できるのでしょうか?
40
40
 
41
41
 
42
42
 
43
43
  まだまだ色々とお聞きしたいことがあるのですが、一先ずこちらから教えてください。
44
+
45
+
46
+
47
+
48
+
49
+ 【追記】
50
+
51
+ 上記の画像は下記コーディングから達成されています。
52
+
53
+ 純粋なHTMLであればstyleタグはheadタグ内に書くのでしょうが、このライブラリを導入する上では以下のような形式になるっぽいです、参考にしたサイトによれば...
54
+
55
+
56
+
57
+ ```TCPDF
58
+
59
+ <?php
60
+
61
+ include "C:/xampp/htdOcs/tcpdf/tcpdf.php";
62
+
63
+
64
+
65
+ $tcpdf = new TCPDF("L", "mm", "A4", true, "UTF-8" );
66
+
67
+ $tcpdf->SetFont("kozgopromedium", "", 10); // デフォルトで用意されている日本語フォント
68
+
69
+ $tcpdf->setPrintHeader(false);
70
+
71
+
72
+
73
+ $tcpdf->AddPage(); // 新しいpdfページを追加
74
+
75
+
76
+
77
+ $html = <<< EOF
78
+
79
+ <style>
80
+
81
+ h1 {
82
+
83
+ font-size: 24px;
84
+
85
+ text-align: center;
86
+
87
+ }
88
+
89
+ span.b12 {
90
+
91
+ font-size: 12px;
92
+
93
+ font-weight: bold;
94
+
95
+ }
96
+
97
+ </style>
98
+
99
+ <div style="float:right; text-align: right;"><span>2019年○月○日</span></div><div style="float:left;" ><span class="b12" style="text-align: left;">○○○○株式会社</span><span> 行</span></div>
100
+
101
+ <div style="clear: both"></div>
102
+
103
+ <h1>注文書</h1>
104
+
105
+ EOF;
106
+
107
+
108
+
109
+ $tcpdf->writeHTML($html); // 表示htmlを設定
110
+
111
+ $tcpdf->Output('samurai.pdf', 'I'); // pdf表示設定
112
+
113
+ ?>
114
+
115
+ ```