html中使用print.js打印web页面时,图片元素居中
时间: 2023-11-25 16:06:56 浏览: 305
原生JS打印插件之jQuery.EasyPrint.js使用文档
5星 · 资源好评率100%
要想在使用 print.js 打印 web 页面时让图片元素居中,可以通过以下步骤实现:
1. 在 CSS 中为图片元素添加以下样式:
```
img {
display: block;
margin: 0 auto;
}
```
这样可以让图片元素居中显示。
2. 在使用 print.js 的 JavaScript 代码中,为打印内容的样式添加 CSS 样式,例如:
```
var stylesheet = document.createElement('style');
stylesheet.type = 'text/css';
stylesheet.innerHTML = 'img { display: block; margin: 0 auto; }';
document.head.appendChild(stylesheet);
```
这样在打印预览时也能看到图片元素居中的效果。
阅读全文