ホームページ > ウェブフロントエンド > htmlチュートリアル > Webページ印刷細線フォームページング印刷の究極戦略_HTML/Xhtml_Webページ制作

Webページ印刷細線フォームページング印刷の究極戦略_HTML/Xhtml_Webページ制作

WBOY
リリース: 2016-05-16 16:44:06
オリジナル
1537 人が閲覧しました

最近クライアント向けに印刷していたとき、クライアントは、印刷時にページのヘッダーを印刷せず、フォーム内のコンテンツのみを印刷することを提案しました。ヘッダーには背景と印刷ボタンがあり、ヘッダーは薄い必要があるためです。 -線のフォームはそうではないと思います。とても簡単ですか?
まだ細い線のテーブルを作成する方法がわからない場合は、以下のコードを参照して効果を実現してください:)
< ;テーブル cellSpacing=0 cellPadding=0 border=0>


>
全国レベル地方自治体レベル tr>

;新民イブニングニュース
>その後、IE で背景を印刷するように設定し、完了したと思いました。
結果を印刷してプレビューすると、頭の中に大きな黒いブロックが表示されます。なぜなら、私の頭の中に背景があるからです。結果がページを占めます。
.gTitle
{
幅:100%;
行の高さ:32px;
背景画像:url(images/gtitle.gif); 🎜>padding-left:130px;
margin-bottom:10px;
}
長い間ネットで調べましたが、完璧な解決策が見つからなかったので、私はそうすることにしました。自分でやってください。
長い間考えた後、ようやく理解できました:)
CSS は次のように定義されています:
noneprint: 印刷時に非表示になるスタイル定義
tabPrint: 印刷される細線テーブルのスタイル定義
nextPate: ページング スタイル定義
linetd: はは、ここで最も重要なことは、印刷時にフォームを完璧にすることです





コードをコピー


コードは次のとおりです:


@media print {
.noneprint{display:none;}

}
.tabPrint td { ボーダー左:#000000 ソリッド 1px; ボーダートップ:#000000 ソリッド 1px; 🎜>ボーダーボトム:#000000 ソリッド 1px; .nextPage {
page-break-after:always;
}
.linetd
{
border-bottom:solid 1px
}


页面HTML如下:
记得在thead加上style="display:table-header-group;font-weight:bold",这样每个页面才会有都表头哟

>>首页>>门户>>信息管理

解放日報










标题: 所属街道: 录入日期: --



ID="Table2"> >




全国レベル
自治体レベル ;/tr>


;


;

釜山新区 >



;td>2009 年 2 月 24 日
>


td>


;
2009 年 2 月 24 日

;tr align="center">

-2009



あはは、赤でマークした場所をよく見てください、それは状況次第です!
関連ラベル:
web
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
ストリート タイトル エントリ日
人民日報
解放日報
新民イブニングニュース
浦東新区
;テスト
02-24-2009

浦東新区 sseref
02-24-2009
/td>
sseref2009/02/24 tr align="center" class='nextPage'>
ページ 1

浦東新区 sdsedjiik
浦東新区釜山通りsdsedjiik 浦東新区

2009 年 2 月 24 日
;/td>
浦東新区 浦東新区釜山通りsdsedjiik