开源库 openhtmltopdf 将 html 转为 pdf 页面优化、美化的不得不知道的经验_随笔

在我们项目中会使用freemark 生成 html，然后用 html 转 pdf。那么美化是必不可少的程序。

可以在style中设置如下属性修改页面大小。可以通过size 设置任意大小的page（不能是百分比），也可以设置标准的页面大小，如 a4, a5, a3, b3, b4, letter, legal,ledger

理论上来说，可以在一个文档中设置不同的页面尺寸。但这个解析器仅仅取第一页的page 的宽度作为 html 中body 的宽度，所以实际上，宽度只能设置一个，高度可以是设置多个。

可以在 @page 属性中设置的当前页的页边距，内边距、背景颜色等。和一般的 html 设置类似。

不过当我这里设置所有边框都为0 时候发现生成的pdf 仍然有边界。其实那是 body 的边距。可以通过下面的方法设置

和页面大小设置相似，这样所有的边距都就没了。这是一个需要注意的地方

这里就不多说了，看我另一篇文章即可。分页优化

<html>

<head>

<style>

body{background:url(http://img1.xcarimg.com/b171/s5313/20130625144159802565.jpg) no-repeat center centermargin:0px auto}

.parent { width:980pxheight:50pxmargin:0 autotext-align:center}

.children {display:inline-blockwidth:33%%height:100%%}

*+ html .children { display:inlinezoom:1}

* html .children { display:inlinezoom:1}

</style>

</head>

</script>

<body>

<h2>当前温度检测</h2>

</div>

<br>

</font>

<form>

</form>

</center>

</body>

</html>

文字通过font-familyfont-sizefont-weightcolor等可以美化

按钮要想美化就给按钮做个背景图片就可以了

希望能帮助你

html网页设计里面平铺背景图片的代码如下：

<html>

<body>

</div>

</body>

</html>

HTML网页设计

网页设计--根据企业希望向浏览者传递的信息(包括产品、服务、理念、文化)，进行网站功能策划，然后进行的页面设计美化工作。作为企业对外宣传物料的其中一种，精美的网页设计，对于提升企业的互联网品牌形象至关重要。

网页设计一般分为三种大类:功能型网页设计(服务网站&B/S软件用户端)、形象型网页设计(品牌形象站)、信息型网页设计(门户站)。设计网页的目的不同，应选择不同的网页策划与设计方案。

网页设计的工作目标，是通过使用更合理的颜色、字体、图片、样式进行页面设计美化，在功能限定的情况下，尽可能给予用户完美的视觉体验。高级的网页设计甚至会考虑到通过声光、交互等来实现更好的试听感受。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/zaji/6114115.html

开源库 openhtmltopdf 将 html 转为 pdf 页面优化、美化的不得不知道的经验

发表评论

评论列表（0条）

开源库 openhtmltopdf 将 html 转 为 pdf 页面优化、美化的不得不知道的经验

发表评论

评论列表（0条）

开源库 openhtmltopdf 将 html 转为 pdf 页面优化、美化的不得不知道的经验