優れたHTML印刷コードがページめくりをサポート

優れたHTML印刷コードがページめくりをサポート
ylbtech_html_print

HTML 印刷コード、ページめくりをサポート


コードをコピー
コードは次のとおりです。

<html>
<ヘッド>
<メタ名=vs_targetSchema コンテンツ="http://schemas.microsoft.com/intellisense/ie5">
<title>見てみましょう</title>
<meta http-equiv="コンテンツタイプ" コンテンツ="text/html; charset=gb2312">
<!--media=print この属性は印刷時に有効です-->
<スタイル メディア = 印刷>
.Noprint{表示:なし;}
.PageNext{ページ区切り後: 常に;}
</スタイル>
<スタイル>
.tdp
{
ボーダー下部: 1 実線 #000000;
左境界線: 1 実線 #000000;
右境界線: 0 実線 #ffffff;
border-top: 0 実線 #ffffff;
}
.タブ
{
境界線の色: #000000 #000000 #000000 #000000;
境界線のスタイル: solid;
境界線の上部の幅: 2px;
右境界線の幅: 2px;
境界線の下の幅: 1px;
左境界線の幅: 1px;
}
.NOPRINT {
フォントファミリー: "宋体";
フォントサイズ: 9pt;
}
</スタイル>
</head>
<本文>
<center class="Noprint">
<p>
<OBJECT id=WebBrowser classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 高さ=0 幅=0>
</オブジェクト>
<input type=button value=印刷 onclick=document.all.WebBrowser.ExecWB(6,1)>
<入力タイプ=ボタン 値=直接印刷 onclick=document.all.WebBrowser.ExecWB(6,6)>
<input type=button value=ページ設定 onclick=document.all.WebBrowser.ExecWB(8,1)>
</p>
<p> <input type=button value=印刷プレビュー onclick=document.all.WebBrowser.ExecWB(7,1)>
<br/>
</p>
<hr align="center" width="90%" size="1" ノーシェード>
</center>
<テーブルの幅="90%" 境界線="0" 配置="中央" セルパディング="2" セル間隔="0" クラス="tabp">
<tr>
<td colspan="3" class="tdp">ページ 1</td>
</tr>
<tr>
<td width="29%" class="tdp">&nbsp;</td>
<td width="28%" class="tdp">&nbsp;</td>
<td width="43%" class="tdp">&nbsp;</td>
</tr>
<tr>
<td colspan="3" class="tdp">&nbsp;</td>
</tr>
<tr>
<td colspan="3" class="tdp"><テーブルの幅="100%" 境界線="0" セル間隔="0" セルパディング="0">
<tr>
<td width="50%" class="tdp"><p>そのような報告</p>
<p>一般的な要件には十分です。 </p></td>
<td>&nbsp;</td>
</tr>
</テーブル></td>
</tr>
</テーブル>
<hr align="center" width="90%" size="1" noshade class="NOPRINT" >
<!--ページネーション-->
<div class="PageNext"></div>
<テーブルの幅="90%" 境界線="0" 配置="中央" セルパディング="2" セル間隔="0" クラス="tabp">
<tr>
<td class="tdp">ページ 2</td>
</tr>
<tr>
<td class="tdp">ページングが見えますか?</td>
</tr>
<tr>
<td class="tdp">&nbsp;</td>
</tr>
<tr>
<td class="tdp">&nbsp;</td>
</tr>
<tr>
<td class="tdp"><テーブルの幅="100%" 境界線="0" セル間隔="0" セルパディング="0">
<tr>
<td width="50%" class="tdp"><p>そのような報告</p>
<p>一般的な要件には十分です。 </p></td>
<td>&nbsp;</td>
</tr>
</テーブル></td>
</tr>
</テーブル>
<hr align="center" width="90%" size="1" noshade class="NOPRINT" >
<div class="PageNext"></div>
<テーブルの幅="90%" 境界線="0" 配置="中央" セルパディング="2" セル間隔="0" クラス="tabp">
<tr>
<td class="tdp">ページ 3</td>
</tr>
<tr>
<td class="tdp">ページングが見えますか?</td>
</tr>
<tr>
<td class="tdp">&nbsp;</td>
</tr>
<tr>
<td class="tdp">&nbsp;</td>
</tr>
<tr>
<td class="tdp"><テーブルの幅="100%" 境界線="0" セル間隔="0" セルパディング="0">
<tr>
<td width="50%" class="tdp"><p>そのような報告</p>
<p>一般的な要件には十分です。 </p></td>
<td>&nbsp;</td>
</tr>
</テーブル></td>
</tr>
</テーブル>
</本文>
</html>

<<:  VMware Workstation 仮想マシンのインストール操作方法

>>:  src 属性と href 属性の違い

推薦する

CSS+JS で水滴の波紋アニメーション ボタン効果を実装するサンプル コード

コードは次のようになります。 <!DOCTYPE html> <html lang...

CentOS 7.2 に SuPHP をインストールするための詳細な手順

デフォルトでは、CentOS 7 上の PHP は apache または nobody として実行さ...

CSSの幅と高さのデフォルト値の詳細な説明:autoと%

結論は幅の%: 包含ブロック(親要素)の幅に基づいて、親の制限を超える幅のパーセンテージを定義します...

vue $http の get および post リクエストのクロスドメイン問題を解決する

Vue $http get および post リクエストのクロスドメイン問題まずconfig/ind...

Dockerfile をベースに Zabbix 監視システムのコード例を作成する

forループを使用してZabbixイメージをコンテナにインポートします。 n を `ls *.tar...

nginx を使用して http を https に変換するサンプルコード

最近、小さなプログラムを書いています。その小さなプログラムの公式ウェブサイトはhttpsを使用する必...

Nginx ロードバランシングの設定方法

目次Nginx 負荷分散構成Nginx 負荷分散戦略ポーリング(デフォルト)重さip_ハッシュ公正(...

Linux システムのシャットダウンコマンドの違いと使い方の詳細な説明

Linux システムのシャットダウン コマンドは何ですか? Liangxu Tutorial Net...

MySQL インデックス使用状況監視スキル (収集する価値あり!)

概要リレーショナル データベースでは、インデックスは、データベース テーブル内の 1 つ以上の列の値...

衝突検出を実装するためのjs

この記事の例では、衝突検出を実装するためのjsの具体的なコードを参考までに共有しています。具体的な内...

JS でオブジェクトを作成する 4 つの方法

目次1. リテラル値でオブジェクトを作成する2. 新しいキャラクターを使ってオブジェクトを作成する3...

Web2.0製品と機能の簡単な紹介

<br />Web2.0とは何ですか? Web2.0にはソーシャルネットワーク製品とその...

モバイルデバイスで 1 ピクセルの境界線の問題を解決するいくつかの方法 (5 つの方法)

この記事では、モバイルデバイス上の 1 ピクセルの境界線の問題を解決する 5 つの方法を紹介します。...

Docker での環境変数の使用とよくある問題の解決策

序文Docker はコンテナの環境変数を設定できます。設定方法は 2 つあります。イメージを作成する...