<html>
<head>
<meta name=vs_targetSchema content="http://schemas.microsoft.com/intellisense/ie5">
<title>CSS打印控制</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!--media=print 这个属性可以在打印时有效-->
<style media=print>
.Noprint{display:none;}
.PageNext{page-break-after: always;}
</style>
<style>
.tdp
{
border-bottom: 1 solid #000000;
border-left: 1 solid #000000;
border-right: 0 solid #ffffff;
border-top: 0 solid #ffffff;
}
.tabp
{
border-color: #000000 #000000 #000000 #000000;
border-style: solid;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 1px;
border-left-width: 1px;
}
.NOPRINT {
font-family: "宋体";
font-size: 9pt;
}
</style>
</head>
<body >
<center class="Noprint" >
<p>
<OBJECT id=WebBrowser classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 width=0>
</OBJECT>
<input type=button value=打印 onclick=document.all.WebBrowser.ExecWB(6,1)>
<input type=button value=直接打印 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)>
</p>
<hr align="center" width="90%" size="1" noshade>
</center>
<table width="90%" border="0" align="center" cellpadding="2" cellspacing="0" class="tabp">
<tr>
<td colspan="3" class="tdp">第1页</td>
</tr>
<tr>
<td width="29%" class="tdp"> </td>
<td width="28%" class="tdp"> </td>
<td width="43%" class="tdp"> </td>
</tr>
<tr>
<td colspan="3" class="tdp"> </td>
</tr>
<tr>
<td colspan="3" class="tdp"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" class="tdp"><p>这样的报表</p>
<p>对一般的要求就够了。</p></td>
<td> </td>
</tr>
</table></td>
</tr>
</table>
<hr align="center" width="90%" size="1" noshade class="NOPRINT" >
<!--分页-->
<div class="PageNext"></div>
<table width="90%" border="0" align="center" cellpadding="2" cellspacing="0" class="tabp">
<tr>
<td class="tdp">第2页</td>
</tr>
<tr>
<td class="tdp">看到分页了吧</td>
</tr>
<tr>
<td class="tdp"> </td>
</tr>
<tr>
<td class="tdp"> </td>
</tr>
<tr>
<td class="tdp"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" class="tdp"><p>这样的报表</p>
<p>对一般的要求就够了。</p></td>
<td> </td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
分享到：
相关推荐
本篇文章将深入探讨CSS打印不显示的原因和解决方案。 首先，我们要理解CSS打印与屏幕显示的区别。屏幕显示主要关注的是视觉效果，而打印则更注重布局和可读性。浏览器提供了专门的“打印样式表”（print stylesheet...
CSS控制页面打印，可分页
【CSS参考手册打印版】是一份综合性的教程资料，它基于W3school网站的CSS教程内容，方便用户下载打印成实体书以便随时查阅。这份手册旨在帮助读者掌握CSS（层叠样式表）的基础知识和应用技巧，从而更好地理解和管理...
打印指定div的插件并不多，使用JPrintArea进行指定div打印也并不好控制，此段js代码是在他人基础上融入了自己的想法，经过测试，纸张打印出来的样式在多个浏览器（ie6、ie7、ie8、火狐、谷歌）上可以做到基本统一，...
通过控制打印范围，我们可以只打印网页的特定部分，比如用户选定的数据或特定的表格。同时，通过调整CSS样式，可以实现美观的打印布局，确保打印出来的内容清晰易读。 文件列表中的 "print" 文件可能是项目的源代码...
总的来说，这个项目提供了一个无插件的Web打印解决方案，通过jQuery和CSS实现了对打印内容的控制，使得开发者可以更加灵活地处理网页打印的需求。在实际应用中，开发者应根据项目需求，自定义`jqPrint`的配置，调整`...
"让WebPage适应现代打印CSS"这个主题主要关注如何利用CSS技术优化网页的打印效果，以满足用户可能需要将网页内容打印到纸张上的需求。下面将详细介绍与这个主题相关的CSS知识点。 1. 响应式打印（Print Media ...
在网页设计领域，CSS（Cascading Style Sheets）不仅用于控制屏幕上的视觉表现，还扮演着重要的角色在打印输出上，这就是我们常说的CSS打印。本文将深入探讨CSS打印的相关知识点，包括打印样式表的创建、媒体查询、...
### 利用JavaScript与CSS控制网页打印功能 #### 背景介绍 在现代网站开发过程中，有时我们需要为用户提供一种方便、快捷的...在实际应用中，可以根据具体需求调整CSS和JavaScript代码，以满足更多样化的打印控制需求。
打印，打印css控制的打印源代码，java,jsp,php,asp,asp.net都可使用。
### CSS属性详解 #### 背景属性 (Background Properties) **1....- **简介：** `background` 是一个简写属性，用于在单个...通过这些属性，我们可以有效地控制网页中的视觉效果，实现丰富的布局设计和美观的界面展示。
通过添加针对打印媒体类型的CSS样式，我们可以控制打印时哪些元素可见。例如： ```css @media print { .no-print { display: none; } .print-only { display: block; } } ``` 在这个例子中，`class="no-print...
在这个压缩包中，我们找到了hiprint的核心资源，这些资源通常包括用于控制打印样式的JavaScript脚本和CSS样式表。 首先，让我们深入了解hiprint的JavaScript组件。JavaScript在前端开发中扮演着至关重要的角色，它...
总结来说，网页打印去掉页眉页脚以及控制不需要打印的内容主要通过CSS媒体查询和JavaScript来实现。CSS用于定义打印样式，JavaScript则提供动态控制页面元素的能力。通过理解和运用这些技术，我们可以更好地定制网页...
- **背景色和图像**：默认情况下，CSS打印时不显示背景色和图像，但可以通过`background-color`和`background-image`属性的`print`媒体查询来启用。 - **页眉和页脚**：使用`@page`规则可以定义页面的页眉和页脚，...
通过CSS，开发者可以精确控制元素在屏幕、打印版面或其他媒体上的呈现方式。 3. **ASP与CSS的结合**：ASP是一种服务器端脚本环境，可以用来动态生成HTML。结合CSS，开发者可以创建动态且风格统一的网页。在ASP中，...
1. 为屏幕显示和打印分别准备一个css文件，如下所示： 用于屏幕显示的css： <link rel=”stylesheet” href=”css/mainstylesheet.css” media=”screen” /> 用于打印的css：<link rel=”stylesheet”...
有一些库和工具可以帮助简化这个过程，比如`jsPDF` 和 `html2canvas`，它们允许你在客户端生成PDF，从而实现更复杂的打印控制。例如，`jsPDF` 可以用来创建多页PDF，而`html2canvas`可以将HTML转换为图片，然后添加...