領収書印刷

Question

私は顧客のためにウェブアプリの領収書を作成しようとしています（彼は私にそれを求めました）私はテーブルを置いていましたが、私はそれを印刷するとすべてが正しく印刷されません。領収書のフィールド。私が説明すると、領収書はすでに作成されているので、ユーザーが必要なフィールドをすべて入力し、通常のWebページを印刷するかのように印刷します（この領収書はthisのように見えます）とにかく私はプリンタが "印刷" CSSを使って印刷する場所に移動しようとしましたが、それはちょうどそれに従いません...テキストがちょっと消えてしまった（私は本当に理由はわかりません）、正直にはこれをもう少し処理するアイデア=/...誰も知っているのですか？コードため

---

編集

* { 
    /* old-style reset here :) */ 
    border: 0px; 
    padding: 0px; 
} 
table { 
    left:0px; 
    top:0px; 
} 
td, th { 
    text-align: center; 
    vertical-align: middle; 
    color: #000; 
} 

input{ 
    outline:none; 
} 

.borde{ 
    background-color:#0FC; 
    border: solid 2px #0FF; 

} 

HTML、プレーンテーブルです...入力フィールドで...

Answer 1

This threadは役立つかもしれません。あなたの問題に関連した良いリンクがいくつかあります。

また、どのようにプレビューを表示していますか？コードを共有できますか？

Answer 2

テーブルのどこかにposition：absoluteを指定していない限り、それをテーブル要素のCSSに追加する必要があります。私はすべてのブラウザがこれをどのように処理するかはわかりませんが、とにかくそれを持っているはずです。

Answer 3

複数のスタイルシートを提供している場合は、それらが同時に適用されていないことを確認する必要があります。たとえば、

<link type="text/css" rel="stylesheet" src="default.css" /> 
<link type="text/css" rel="stylesheet" src="default.css" media="print" /> 

は、印刷時には両方のスタイルシートを適用しますが、他の状況では最初のスタイルシートのみ適用します。

印刷時に印刷スタイルシートを適用したい場合は、すべてのスタイルシートにメディアを指定する必要があります。次のようなものがあります。

<link type="text/css" rel="stylesheet" src="default.css" media="screen, projection" /> 
<link type="text/css" rel="stylesheet" src="default.css" media="print" /> 

印刷スタイルシートのみが適用されます。