<style media="print">
.noprint { display: none }
</style>
……
<body>
<input type="submit" value="显示列表" id=submit1 name=submit1 class="noprint">
……
</body>
=======================
<style media="print">//这表示是在打印时的样式
.noprint { display: none }
</style>
<style media="screen"> //这表示是在屏幕显示时的样工
.print { }
</style>
……
<body>
<input type="submit" value="打印" id=submit1 name=submit1 class="print">
<input type="submit" value="不打印,但可以看" id=submit1 name=submit1 class="noprint">
……
</body>
=========================
@media版本：CSS2 兼容性：IE5+
语法：
@media sMedia { sRules }
说明：
sMedia : 指定设备名称。请参阅附录：设备类型
sRules : 样式表定义
指定样式表规则用于指定的设备类型。请参阅link对象的media属性（特性）。
示例：
// 设置显示器用字体尺寸
@media screen {
BODY {font-size:12pt; }
}
// 设置打印机用字体尺寸
@media print {
@import "print.css"
BODY {font-size:8pt;}
}
===========================
Media Types 设备类型
Media Type
设备类型 CSS Version
版本 Compatibility
兼容性 Description
简介
all CSS2 IE4+ 用于所有设备类型
aural CSS2 NONE 用于语音和音乐合成器
braille CSS2 NONE 用于触觉反馈设备
embossed CSS2 NONE 用于凸点字符（盲文）印刷设备
handheld CSS2 NONE 用于小型或手提设备
print CSS2 IE4+ 用于打印机
projection CSS2 NONE 用于投影图像，如幻灯片
screen CSS2 IE4+ 用于计算机显示器
tty CSS2 NONE 用于使用固定间距字符格的设备。如电传打字机和终端
tv CSS2 NONE 用于电视类设备
============================
想实现在一个页面中显示出全部内容 但是不打印表格中的部分内容 
?
.css中增加
@media Print
{
.noPrint {
DISPLAY: none
}
不打印的地方这样用，如
<Div class="noPrint">
....
</Div>
<table class="noPrint">
...
</table>
==========================
或则： VISIBILITY: hidden 隐藏比较好. <style>@media print {.noPrint{VISIBILITY: hidden;}}</style>
==========================
如何做到用 css 的@media print控制只打印panel里的内容？
<style>
@media print {
.a {display:none}
}
</style>
<div class=a>
AAAAAAAAAAAAAAAAAAAAAAAAA
</div>
<div>
BBBBBBBBB
分享到：
相关推荐
例如，开发者可能会分享如何通过JavaScript动态添加打印按钮，或者如何使用CSS控制打印样式，以及如何在打印前获取和设置打印参数的代码示例。 至于压缩包内的"打印页面中选取的连续部分.html"文件，这可能是一个...
例如，打印按钮的 ID 通常是 `printButton`，下载按钮的 ID 可能是 `downloadButton`。在 `viewer.css` 或者你的自定义 CSS 文件中，添加如下代码： ```css #printButton { display: none; } #downloadButton { ...
为了实现这一功能，我们通常会借助JavaScript库如jQuery，以及CSS样式来控制打印样式。 核心库之一是jQuery，这是一个广泛使用的JavaScript库，简化了DOM操作和事件处理。在这个案例中，我们使用的是jQuery 1.4.4的...
首先，了解如何通过CSS控制打印格式。在HTML文档中，我们可以引用一个专门的CSS样式表，用来定义打印时才生效的样式规则。通过在标签的media属性中指定"print"，这个样式表只会在打印时被加载和应用。 ```html ...
在提供的"控制打印内容_去掉页眉页脚.asp"文件中，很可能包含了这样的示例代码，它可能利用了JavaScript的`window.print()`方法来启动打印，并在打印前调整页面内容。例如，文件可能包含以下代码段： ```javascript...
在这个方法中，我们可以在点击打印按钮时弹出一个新窗口，并将要打印的内容显示在新窗口中。然后，我们可以使用`window.print()`方法来打印这些内容，并自动关闭新窗口。 例如： ```javascript function printme() ...
有时我们可能只希望打印某个特定的div或元素，这时可以使用`window.print()`结合`@media print` CSS规则来控制打印范围。 3. **服务器端控制**：在ASP.NET的WebForm中，我们可以通过控件如Button的Click事件来触发...
回到@media规则，这是更为精细地控制打印样式的方式。我们可以在CSS文件中直接使用@media来定义打印样式，或者在样式表中使用`@media print`来对打印页面的样式进行微调。例如： ```css @media print { /* 在这里...
示例程序通常会有一个简单的Grid Panel，用户可以通过点击一个打印按钮来调用插件的打印功能。 3. **CSS样式表**：可能包含.css文件，这些文件定义了打印时Grid的样式。因为浏览器在打印时通常会忽略网页样式，所以...
- 动态地控制元素的显示/隐藏，可以确保打印出来的内容符合预期，同时也提升了用户体验。 - 对于更复杂的场景，可以通过遍历DOM节点并基于条件来控制元素的可见性。 掌握这些技术，可以帮助开发者更好地控制网页的...
在JavaScript的世界里，实现“打印页面的按钮”是一项常见的需求，尤其在网页设计和开发中。这个主题主要涉及JavaScript的事件处理、浏览器API以及CSS媒体查询等知识点。下面将详细阐述这些内容。 首先，JavaScript...
DLPrinter可能是一个特定的打印解决方案或者库，它可能提供了更高级的功能，如自定义打印样式，支持多页PDF输出，或者提供了一套API来控制打印过程。具体使用方法可能包含以下几个步骤： 1. 引入DLPrinter库：在HTML...
1. 使用CSS控制打印样式：为了让网页在打印时呈现合适的布局，可以创建一个专门为打印优化的CSS文件（如print.css），并链接到你的网页。 ```html <link rel="stylesheet" type="text/css" href="print.css" media=...
4. **预览功能**：为了让用户在打印前能查看实际效果，可以创建一个打印预览窗口，使用CSS模拟打印样式，让用户在点击打印按钮前进行确认。 5. **PDF生成**：有时，为了确保跨平台和长期存储的兼容性，我们会选择...
6. **处理打印事件**：当用户点击打印按钮时，可以通过`window.print()`方法启动打印对话框。在打印之前，可以使用CSS来调整打印页面的布局，比如隐藏不需要打印的元素，调整分页表格的样式等。 7. **清理**：在...
在调用此函数前，确保已设置了适当的CSS以控制打印内容。 ```javascript function printSpecificContent() { // 先隐藏不需打印的内容 document.getElementById('non-printable').classList.add('no-print'); ...
ASP.NET也提供了服务器端控制打印的方法，例如，通过C#或VB.NET代码创建一个隐藏的`iframe`，并将要打印的内容放入`iframe`，然后触发`iframe`的打印。以下是一个C#示例： ```csharp protected void btnPrint_...