`
huangronaldo
  • 浏览: 222426 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

用css来控制打印的pdf样式

 
阅读更多

@page { 

 size: A4 landscape;

 margin-left:10px;

 margin-right:10px; 

 margin-top:37px;

 margin-bottom:20px;

 @top-center { content: element(header) };

 @bottom-center { content: element(footer) } ;

}

 

.header {

 position: running(header);

 text-align:left;

}

.footer {

 position: running(footer);

 font-size: 90%;

 text-align:center;

}

.content{}

#pagenumber:before {

 content: counter(page); 

}

#pagecount:before {

 content: counter(pages);  

}

 

html里的写法:

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>Component Associations Report</title>

<link href="css/pdf.css" rel="stylesheet" type="text/css" media="print" />

</head>

<body>

<div class="header" ><img src="img/argusLogo.GIF"/></div>

<div class="footer"> Page <span id="pagenumber"/></div>

 

 

</body>

</html>

 

拓展阅读：http://blog.csdn.net/shanliangliuxing/article/details/6833471

分享到：
| Java HTML直接导出PDF
评论
发表评论

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

相关推荐

    用itextsharp打印pdf示例

    7. **打印PDF**：最后，如果你需要打印PDF，可以使用`PrintDocument`类创建一个打印作业，并指定PDF文件作为源。用户可以选择打印机，设置打印选项，然后开始打印。 这个过程虽然简要，但已经涵盖了`iTextSharp`和...

    跨域在线批量展示pdf并且批量打印pdf

    为了实现更精细的打印控制，我们可以使用CSS媒体查询（@media print）来定义打印样式，或者使用第三方库如pdf-printer来处理。 后端Servlet主要负责处理HTTP请求，接收前端发送的PDF文件列表，然后逐个处理这些请求...

    CSS_3样式.pdf

    边框是网页设计中不可或缺的一部分，CSS3 提供了更多样化的边框样式和控制选项。 ##### border - **描述**：在一个声明中设置所有的边框属性。 - **示例**： ```css .box { border: 2px solid red; } ``` ###...

    css 打印不显示

    - `DIV+CSS布局大全.pdf`：这本书籍可能详细讲解了如何使用DIV和CSS进行网页布局，包括如何处理打印问题，是学习布局和CSS打印问题的宝贵资料。 通过理解和应用这些知识点，你可以解决CSS打印不显示的问题，确保...

    Div+CSS 布局大全.pdf

    在详细解读给定文件信息中...该文档对于希望提高网页布局和样式的开发者来说，是一个极好的学习资源。在项目开发中，重视表现层的设计和优化是确保用户体验的关键，而文档所提供的内容恰恰是实现这一目标的重要工具。

    pdf打印带样式

    总的来说，"js打印带样式"是网页开发中的一个重要技能，它涉及到对JavaScript的理解、CSS样式的掌握以及对PDF生成和打印流程的熟悉。通过JavaScript，我们可以提供用户友好的打印体验，确保打印出来的文档保持美观且...

    页面展示打印PDF

    总结起来，页面展示打印PDF涉及的关键技术有：HTML的`&lt;object&gt;`标签用于嵌入PDF，JavaScript的`window.print()`方法用于启动打印，以及可能用到的PDF.js库来提升用户体验。在实际应用中，根据项目需求，可能还需要...

    DIVCSS布局大全.pdf

    - **调用样式表**：可以通过内部或外部方式调用样式表，例如使用`&lt;link&gt;`标签引入外部CSS文件或使用`&lt;style&gt;`标签定义内联样式。 - **Head区的其他设置**：包括设置收藏夹图标、为搜索引擎准备的内容等。 #### 三、...

    PDF.js在线预览打印

    `web`目录很可能包含了PDF.js的Web端资源，如JavaScript库文件、CSS样式表以及HTML示例文件。`build`目录可能包含了编译后的PDF.js库文件，这些文件经过优化，适合在生产环境中使用。 为了实现"PDF.js在线预览打印...

    HTML,CSS参考文档.pdf

    - **打印属性（Print）**：涉及打印文档时的样式。 - **表格属性（Table）**：定义表格的样式。 - **文本属性（Text）**：控制文本的对齐、缩进、装饰等。 - **2D/3D转换属性（Transform）**：允许元素进行旋转、...

    css pdf书籍

    CSS（层叠样式表）是一种用于描述网页表现形式的语言，它能够控制网页在浏览器中的外观和布局。通过CSS，网页设计师可以将网页内容与它的表现形式分开，使得网页结构更加清晰，从而降低网页的维护成本和提高开发效率...

    pdf.js Demo 纯js实现PDF在线预览及打印

    当用户触发打印操作时，可以捕获当前显示的PDF页面，并调用浏览器的`window.print()`方法来启动打印对话框。 6. **Demo结构**：在`PDFJSDemo-master`压缩包中，通常包含以下组成部分： - `src`目录：存放源代码，...

    jQuery 打印或者保存为PDF.rar

    通过Puppeteer，你可以设置页面大小、边距、CSS样式等，然后调用`page.pdf()`方法来生成PDF。 在jQuery中触发打印或PDF生成通常涉及到以下步骤： 1. **选择要打印或转换的元素**：使用jQuery的选择器如`$("#...

    CSS-Cheat-Sheet.pdf

    在CSS中，可以使用`@media`规则来定义不同的媒体类型，比如屏幕、打印等。`/*Comments*/`是CSS中的注释语法。 #### 内联样式、嵌入式样式和外部样式表 1. **内联样式**：直接在HTML元素中使用`style`属性来应用CSS...

    使用jspdf打印pdf 支持分页

    `jspdf`还支持多种字体和CSS样式，使得生成的PDF尽可能地接近原网页的样式。 要将HTML转换为PDF，`jspdf`通常会结合一个名为`html2pdf.js`的辅助库，这是我们在提供的压缩包文件`html2pdf.js-master`中看到的。`...

Magicbox
Global site tag (gtag.js) - Google Analytics