`
huangronaldo
  • 浏览: 220631 次
  • 性别: 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
评论
发表评论

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

相关推荐

    [HTML、XHTML和CSS宝典（第4版）](谢弗).张猛等.扫描版.pdf

    [HTML、XHTML和CSS宝典（第4版） ...第三部分：用CSS控制内容呈现 25、CSS基础 26、样式定义 …… 37媒介样式以及定义打印用文档 第四部分：附加的CSS技能 38、用HTML表格格式化 39、用户界面样式

    CSS快速入门(PDF)

    CSS快速入门高清晰PDF教程，帮助你快速学习CSS层叠样式表的常用属性和滤镜特效。高清晰打印版PDF电子书

    DIVCSS布局大全.pdf

    3.辅助图片一律用背景处理.......................................................................................................... 17 网页设计DIV+CSS——第9 天:第一个CSS 布局实例.........................

    CSS命名规则--参考表.pdf

    一．文件命名规范 全局样式：global.css； 框架布局：layout.css； 字体样式：font.css；...打印样式：print.css； 主要的 master.css 专栏 columns.css 主题 themes.css 主要的 master.css

    WeasyPrint将Web文档（带有CSS，SVG等HTML）转换为PDF。-Python开发

    从技术角度来看，WeasyPrint是用于HTML和CSS的可视化呈现引擎，可以导出为PDF和PNG。 它旨在支持用于打印的Web标准。 WeasyPrint是根据BSD许可提供的免费软件。 它基于各种库，但不基于完整的渲染引擎

    prince-13.5-macos.tar.gz prince: 13.5 将HTML转换为PDF

     级联样式表（CSS）  JavaScript / ECMAScript  JPEG，PNG，GIF，TIFF  书签，链接，元数据  加密和文件安全  字体嵌入和子集  PDF附件  PHP和Ruby on Rails  Servlet的Java类  .NET for C＃和...

    顺丰、京东、中通、圆通快递面单模板HTML+CSS

    顺丰、京东、中通、圆通快递面单模板HTML+CSS，使用html+css实现；自适应150mm、180mm、210mm宽度

    prince-13.4-macos.tar.gz prince: 13.4

    级联样式表（CSS） JavaScript / ECMAScript JPEG，PNG，GIF，TIFF PDF输出 书签，链接，元数据 加密和文件安全 字体嵌入和子集 PDF附件 轻松整合 PHP和Ruby on Rails Servlet的Java类 .NET for C＃和ASP...

    MarkDown格式的简历模板 可自行修改 转换pdf doc

    （1）将 resume.css 复制到 Typora 的主题文件夹 （2）主题文件夹可以在“文件-&gt;偏好设置-&gt;主题文件夹“中打开 （3）之后重启一下 Typora 编辑器，并在主题中选择 Resume。 （4）使用以下方式导出成 HTML：文件 -...

    PHP和MySQL Web开发第4版pdf以及源码

    9.8.3 用SHOW和DESCRIBE来查看数据库 9.8.4 创建索引 9.9 理解MySQL的标识符 9.10 选择列数据类型 9.10.1 数字类型 9.10.2 日期和时间类型 9.10.3 字符串类型 9.11 进一步学习 9.12 下一章 第10章 使用...

    cvfy:使用Nuxt.js和TailwindCSS构建的CV生成器。 响应式设计并部署在Netlify中

    我通常喜欢从头开始进行样式设计，但是这一次我第一次使用TailwindCSS来了解所有这些大惊小怪的事情。 PDF的创建仅是客户端的，因此结果在不同的浏览器中可能会有所不同。 Chrome桌面提供的打印效果最佳，因为创建...

    pubtml：使用Markdown语法，HTML，SASS和Compass创建漂亮的PDF的库

    基于HTML5，CSS3和轻量级标记创建漂亮的文档和PDF。 Pubtml包含多个步骤： 编写： [*idea* =&gt; markup]只需用易于... 打印：使用CSS3将HTML代码转换为PDF。 Pubtml依赖以下工具： PrinceXML是一个高质量HTML到PDF转

    resumd:用降价写简历

    GitHub样式的markdown CSS： github-markdown-css HTML转换为PDF： jsPDF 在浏览器Print.js中将HTML打印为PDF 打印没有页眉和页脚的页面 创建React应用 徽标： Picas 徽标字体：Ceviche One 使用JS更改样式表 ...

    resume:我的简历作为CSS Grid中的练习

    我使用CSS Grid和CSS打印样式构建简历的项目文件。 未来的工作： 从数据文件中提取内容，将内容与HTML结构分开 通过任务运行器（例如Gulp）生成PDF结果，而不是通过浏览器手动生成 屏幕特定的样式，使其更具交互性

    高质量的 HTML5 和Laravel 后台管理系统模板

    Viho是功能很全的,多用途的后台管理模板，使用Bootstrap4框架,HTML5, CSS和JQuery等前端技术上。它有一个巨大的可重用的UI组件和...数据表导出到CSV、Excel、PDF、复制和打印 许多图表选项 多文件上传 滑块范围 数据表

    程序天下:JavaScript实例自学手册

    8.2 不用CSS实现链接样式的变化 8.3 让链接没有下划线 8.4 去掉超链接点击时的框 8.5 显示页面中所有链接 8.6 一个链接打开两个地址 8.7 为链接提供下拉菜单 8.8 按钮链接 8.9 弹出鼠标所指的链接地址 8.10 链接的...

    InvoiceKit:创建漂亮发票的快速方法，可以打印或保存为 pdf。 特别是对于“German Kleinunternehmer” - 不需要昂贵的软件或 MsWord 为此

    特征有几个简单的选项，如： 每个文本都可以通过 html5 可编辑字段进行更改税/费率/总计是自动计算的日期总是在开始时设置为今天样式完全可以用 css 改变选项： 税务设置税率笔记日期设置执照： 本作品采用。

    墨子Markdown管理系统 v1.5.0.zip

    墨子Markdown管理系统功能 Markdown语法 支持Markdown基本语法和扩展语法，拥有完全可控的文档格式。...Feature 增加了文档导出PDF/打印功能 墨子Markdown管理系统截图 相关阅读 同类推荐：站长常用源码

    PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part2

    实例024 Dreamweaver中创建和附加CSS样式 42 实例025 Dreamweaver控制弹出信息 45 实例026 Dreamweaver控制浏览器的窗口 46 实例027 通过Dreamweaver创建站点 47 实例028 通过Dreamweaver开发第1个PHP程序 48 1.7 ...

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