发布于 

控制打印的css样式

前段时间遇到一个问题,有很多图片然后需要打印出来,但是呢图片太大放在word里面以后发现只有一半在打印区域,剩下的都出去了。

首先想到的解决方法就是找一下如何在word里面批量修改图片大小,你别说还真有,但是步骤很复杂,当然复杂不怕,关键是起作用就行。不过里面有个操作很可怕,里面需要图片的插入方式是 四周型,我一看我的这个word文件,里面的图片都是嵌入式,一张张改类型还不如我直接一张张改大小得了。对了, word里面的格式刷好像对图片也没用。

然后突然想到,只是为了打印出来,可以使用html和css控制样式,然后用浏览器输出为pdf。这里面遇到了问题,在页面中的样式调整完成,但是一旦用浏览器打印pdf文件,样式就全没了。后来搜索后才知道需要引入控制打印的样式。

具体操作如下:

1
<link rel="stylesheet" href="print.css" media="print" />

使用 media 属性来标明样式为打印服务。

其他的方法和注意事项,大家可以参考下面的博客。


本站由 @aoenian 使用 Stellar 主题创建。
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。