テーブル行はブラウザでは表示されませんが、PDFファイルに印刷する場合は表示することができます

-1

私のコードがブラウザにテーブル行を表示しない理由は何ですか？助けをよろしく！私はここでエラーを添付したテーブル行はブラウザでは表示されませんが、PDFファイルに印刷する場合は表示することができます

@page { 
 
    size: auto; 
 
    /* auto is the initial value */ 
 
    margin: 0px; 
 
} 
 
@media print { 
 
    @page { 
 
    size: landscape 
 
    } 
 
} 
 
table, 
 
th, 
 
td { 
 
    border: 3px solid black; 
 
    border-collapse: collapse; 
 
}

<table style="width:100%"> 
 
    <tr> 
 
    <td><small>Customer's PO Numer:</small> 
 
    </td> 
 
    <td contenteditable='true'> 
 
     <center>T/15526/CS/001R3</center> 
 
    </td> 
 
    </tr> 
 
    <tr> 
 
    <td><small>Customer's V.O Numer:</small> 
 
    </td> 
 
    <td contenteditable='true'> 
 
     <center>NIL</center> 
 
    </td> 
 
    </tr> 
 
    <tr> 
 
    <td><small>No. of CT PO raised for same supplier and project (prior to this PO)</small> 
 
    </td> 
 
    <td contenteditable='true'><u><center>3</center></u> 
 
    </td> 
 
    </tr> 
 
    <tr> 
 
    <td><small>Amount raised for same supplier and project (prior to this PO)</small> 
 
    </td> 
 
    <td contenteditable='true'> 
 
     <center>$610.23</center> 
 
    </td> 
 
    </tr> 
 
</table>

：以下

は私のCSS & HTMLです！見てください。さらに、IE上で自分のコードを試してみました。働いていない。あなたのようにcssファイルに書き込む必要

Browser view

Print to PDF

出典

2017-02-07 Lim QingYong

テーブル行は私のために正しく表示さ – user7357089

それは私のブラウザだろうか？ google chromeを使用しています。 –

境界線を設定したときにテーブルの境界線が見えました。 –

。

table{ 
    border-collapse: collapse; 
    border: 3px solid black; 
}

出典

2017-02-07 06:22:59 honey

まだ変更されていません。 –

私のために働いています。あなたはヘッダーで使用するのを忘れました。

<html> 
<head> 
<style> 
@page { 
    size: auto; 
    margin: 0px; 
} 
@media print { 
    @page { 
    size: landscape 
    } 
} 
table, 
th, 
td { 
    border: 3px solid black; 
    border-collapse: collapse; 
} 
</style> 
</head> 
<body> 

<table style="width:100%"> 
    <tr> 
    <td><small>Customer's PO Numer:</small> 
    </td> 
    <td contenteditable='true'> 
     <center>T/15526/CS/001R3</center> 
    </td> 
    </tr> 
    <tr> 
    <td><small>Customer's V.O Numer:</small> 
    </td> 
    <td contenteditable='true'> 
     <center>NIL</center> 
    </td> 
    </tr> 
    <tr> 
    <td><small>No. of CT PO raised for same supplier and project (prior to this PO)</small> 
    </td> 
    <td contenteditable='true'><u><center>3</center></u> 
    </td> 
    </tr> 
    <tr> 
    <td><small>Amount raised for same supplier and project (prior to this PO)</small> 
    </td> 
    <td contenteditable='true'> 
     <center>$610.23</center> 
    </td> 
    </tr> 
</table> 
</body> 
</html>

出典

2017-02-07 06:32:56 honey

テーブルの場所を確認しますか？

<div style="border:3px solid #A52A2A"> 
 

 
your table here 
 

 
</div>

出典

2017-02-07 06:33:35

がチェック！あたりです。 –

あなたは正しいことを意味しますか？ –

テーブルが正しい位置に接しています –

テーブル行はブラウザでは表示されませんが、PDFファイルに印刷する場合は表示することができます

答えて

関連する問題