window.print()打印页面局部元素
需求:打印页面中点击某按钮弹出的弹窗中内容,而直接调用window.print()会打印整个页面内容。 思路:打印时只要隐藏掉其他元素就好了 解决: 1.使用CSS @media print{}:
/* 调用window.print()时生效的样式 */
@media print {
@page {
/* 横向 */
size: landscape;
/* 去除浏览器默认页眉页脚 */
margin: 0;
}
/* 给需要打印的区域内或同级不需要打印的元素加上这个类 */
.noprint {
display: none;
}
/* 这里的id我用于选中modal,然后给其中背景色设置为透明,去掉弹窗头和脚及阴影 */
#forprint {
.ant-modal-mask {
background-color: tran
共有 0 条评论