css 控制打印 - 路还很长 - ITeye博客

`

japankn

浏览: 216175 次
性别:
来自: 广西

最近访客更多访客>>

airyoureyes

dongguangming88

z360901061

Sdky

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

hello_player：问下，我本机有个html5的应用，我手机连在同一个无线路由器上 ...
android模拟器与pc，模拟器与模拟之间用socket进行通信和获得模拟器ip地址程序
h396463735：看到那个引用信息了，但是没看懂，谢谢！
处理idea9 The JVM could not be started. 错误
weiweichen1985：唉 jrebel.jar提示过期了
编译class不用重启tomcat
w203654：不错，我转了，以前对这个不懂搞了三天都没弄好啊，谢谢你了，支 ...
struts2的action跳转问题
fangfangzh：可是我的没有设置"Maximum version&q ...
用exe4j打jar包错误

css 控制打印

博客分类：

javascript

CSS XHTML HTML .net C

阅读更多

代码很简单，运行看一下！注意红字部分

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
    <style type="text/css" media="">
       @media print
        {
            .gCnta-print-header {
                display: none
            }
        }
    </style>
</head>
<body>
<div class="gCnta-print-header bg-side">
    <div class="btn btn-dft"><span onclick="window.print();">打印</span></div>
</div>
<div class="gCnta-print-body">
    <img src="http://mimg.126.net/logo/logo.gif"/>

    <div class="ln-thick ln-c-mid"></div>
    <h3>王春年</h3>
    <dl>
        <dd>wangcn3923@163.com</dd>
        <dt>生日：</dt>
        <dd>13834137329</dd>
        <dt>所属组：</dt>
        <dd>滨科</dd>
    </dl>
</div>
</body>
</html>

分享到：

powerdesigner15 常用设置 | IO流的关系图

2010-01-12 16:32
浏览 864
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

css 打印不显示: 4. **页边距和分页**：通过CSS控制打印时的页边距和分页是很重要的。例如： ```css body { margin: 1cm; /* 设置页边距 */ } page-break-after: always; /* 在特定元素后强制分页 */ ``` 5. **字体和大小**：...

JavaScript+CSS控制打印格式示例介绍: 首先，了解如何通过CSS控制打印格式。在HTML文档中，我们可以引用一个专门的CSS样式表，用来定义打印时才生效的样式规则。通过在标签的media属性中指定"print"，这个样式表只会在打印时被加载和应用。 ```html ...

CSS控制页面打印: CSS控制页面打印，可分页

打印不显示打印按钮及获取其他属性: 例如，开发者可能会分享如何通过JavaScript动态添加打印按钮，或者如何使用CSS控制打印样式，以及如何在打印前获取和设置打印参数的代码示例。至于压缩包内的"打印页面中选取的连续部分.html"文件，这可能是一个...

asp.net css控制打印功能方法实例: 总结来说，ASP.NET中控制打印功能主要依赖于CSS媒体查询和JavaScript。通过CSS的`@media print`，我们可以指定某些元素在打印时不显示，以优化打印输出。而JavaScript则提供了更多灵活性，允许自定义打印内容和布局...

一种基于浏览器的自动小票机打印实现方案(js版): 另一种更为先进的方法是使用CSS媒体查询和@media print规则来定义打印样式，通过纯CSS控制打印内容。 2. lodop：lodop是一个用于Web打印的JavaScript打印控件，支持在Web页面上实现套打和票据打印等功能。它提供了...

javascript编写基于chrome浏览器的打印程序,本例用来打印小票.zip: 在JavaScript中，打印功能不仅可以使用`window.print()`，还可以通过CSS控制打印样式，确保小票的布局和样式在打印时保持一致。例如，可以添加针对打印的媒体查询(`@media print`)来调整页边距和隐藏不必要的元素： ...

通过调用 JS 打印图片信息: 对于IE浏览器的页眉和页脚问题，IE提供了一种通过CSS控制打印样式的方法，可以移除不必要的页眉和页脚信息。在CSS中，我们可以添加以下规则： ```css @media print { @page { margin: 0; /* 移除页面边距 */ ...

CSS参考手册打印版: 【CSS参考手册打印版】是一份综合性的教程资料，它基于W3school网站的CSS教程内容，方便用户下载打印成实体书以便随时查阅。这份手册旨在帮助读者掌握CSS（层叠样式表）的基础知识和应用技巧，从而更好地理解和管理...

打印table表格数据: 开发者可以通过JavaScript或CSS控制打印样式，确保表格在打印时保持清晰、易读，并适应纸张布局。JavaScript文件可能包含了自定义的打印逻辑，比如筛选要打印的内容，调整列宽，或者添加页眉和页脚等。对于压缩...

javaweb实现打印功能: 在HTML代码中，可以通过CSS控制打印样式，确保打印出来的内容格式正确。 2. **JavaScript实现**：在JSP页面中引入JavaScript库，例如`window.print()`函数可以实现浏览器的默认打印功能。用户点击打印按钮时，调用...

WEB页面打印: 开发者还可以通过JavaScript的`window.print()`方法触发打印，同时，通过CSS控制打印样式，比如隐藏不必要的元素、设置颜色模式等。最后，"代码.txt"和"api"可能包含了具体的实现代码和打印相关的API。这些API可能...

printTest01.rar_java 打印_javascript_javascript 打印: 它可能包含了如何利用JavaScript动态生成适合打印的HTML内容，以及如何通过CSS控制打印样式。例如，开发者可能创建了一个新的HTML结构，只包含要打印的内容，并在调用`window.print()`之前将其插入到DOM中。同时，...

JS控制打印指定div（且控制css样式）的一种另类思路: 打印指定div的插件并不多，使用JPrintArea进行指定div打印也并不好控制，此段js代码是在他人基础上融入了自己的想法，经过测试，纸张打印出来的样式在多个浏览器（ie6、ie7、ie8、火狐、谷歌）上可以做到基本统一，...

jsp、web打印功能Lodpo6.0: - **自定义样式**：通过CSS控制打印内容的样式，以适应不同的打印需求。 **注意事项** 1. **兼容性问题**：确保Lodop服务在所有目标用户的浏览器上都能正常工作，特别是对IE和非IE浏览器的兼容性测试。 2. **安全...

【ASP.NET编程知识】ASP.NET网页打印(只打印相关内容自写功能).docx: - 使用CSS控制打印样式，例如字体大小、颜色、布局等，以适应打印介质。 - 考虑到不同浏览器的兼容性，可能需要对不同的浏览器（如Chrome、Firefox、IE）进行适配。 - 如果需要更复杂的打印功能，如预览、多页...

html页面实现数据打印效果: 3. 使用CSS控制打印样式，确保打印效果符合预期。 4. 可选：提供"保存为"功能，利用`FileSaver.js`将HTML内容保存为本地文件。 5. 可选：提供导出为Word功能，通过`jquery.wordexport.js`将HTML转换为Word文档。 ...

Global site tag (gtag.js) - Google Analytics