首页 > 其他分享 >通过 css 控制 window.print 的样式

通过 css 控制 window.print 的样式

时间:2023-04-24 11:37:34浏览次数:38  
标签:color 打印 window important print margin page css

打印页面隐藏打印按钮

在 button 按钮加一个 class 样式
class="print-button-container"

  调用 window.print 方法的页面加以下css

<style scope lang="scss">
@media print {
  .table-print-disable {
    display: none;
  }
  @page {
    /* 纵向打印 */
    size: portrait;

    /* 横向打印 */
    //size: landscape;

    /* 去掉页眉页脚*/
    margin-top: 0;
    margin-bottom: 0;
  }
  /* 告诉浏览器在渲染它时不要对框进行颜色或样式调整 */
  * {
    -webkit-print-color-adjust: exact !important;
    -moz-print-color-adjust: exact !important;
    -ms-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  /*打印不显示打印按钮*/
  .print-button-container {
    display: none !important;
  }

  /* 伪类 :first 用于匹配到文档的第一页, 首页上页边距设置为 10cm */
  @page :first {
    margin-top: 10cm;
  }

  /* 通过分别设置左页和右页不同的左右页面距,为装订边留出更多的空间 */
  /**/
  @page :left {
    margin-left: 2.5cm;
    margin-right: 2.7cm;
  }
  @page :right {
    margin-left: 2.7cm;
    margin-right: 2.5cm;
  }
}
</style>

  

标签:color,打印,window,important,print,margin,page,css
From: https://www.cnblogs.com/majiayin/p/17348904.html

相关文章

  • 安装VMware tools报Windows无法验证此驱动程序软件的发布者
    问题如下图,如果选择始终安装此驱动程序软件还是无法成功安装 后来发现是虚拟机少了KB4474419补丁,下载这个补丁的镜像文件,将我们下载好的光驱插入到虚拟机中 打开虚拟机,双击打开计算机,打开插入的光驱,找到共享文件夹下的这个补丁包,双击安装进行更新,成功后重启。重启成功进行......
  • CSS6大种选择器
    一、常用的css基本选择器(4种)1、标签选择器结构: 标签名{css属性名:属性值}作用:通过标签名,找到页面中所有的这类标签,设置样式注意:1.标签选择器选择的是一类标签,而不是单独的一个2.标签选择器无论嵌套关系有多深,都能够找到对应的标签<style>p{color:red;}......
  • windows和Linux文件系统区别
    windows和Linux文件系统区别 一、用户操作系统单用户操作系统:指一台计算机在同一时间 只能由一个用户 使用,一个用户独自享用系统的全部硬件和软件资源WindowsXP 之前的版本都是单用户操作系统多用户操作系统:指一台计算机在同一时间可以由 多个用户 使用,多个用户......
  • HTML-CSS笔记
    HTML一、网页的基本结构和基础1、html基础<!doctypehtml><html> <head> <!--可以通过meta标签来设置网页的字符集,避免乱码的问题--> <metacharset="UTF-8"/> <title>网页的基本结构</title> </head> <body> <!-- 迭代 网页的版本......
  • Windows Defender MsMpEng.exe占用内存过高 如何关闭
    如何解决MsMpEng.exe占用内存过高?我们将展示4种方法来帮助您解决MsMpEng.exe占用内存过高的问题,以优化您的电脑性能。✔1.通过组策略编辑器关闭WindowsDefender防病毒程序1.按“Win+R”在运行框中输入“gpedit.msc”,再单击“确定”打开本地组策略编辑器。2.通过以下路径......
  • Windows添加软件开机自启动
    两种方式1.添加快捷方式到开始菜单打开我的电脑找到C:\ProgramData\Microsoft\Windows\StartMenu\Programs\Startup文件夹,如果难找的话可以通过Win+R输入shell:startup然后回车,同样也可以进入这个文件夹将需要自启动的软件快捷方式放入这个文件夹就能达到开机自启的效果......
  • close_uart0_rom_code_printf
    #关闭uart0的ROMcode打印目录简介关闭配置临时关闭永久关闭注参考手册简介每次uart0在上电重启、deepsleep、或者其它复位启动的时候,都会打印一大段ROMcode里面的信息。这个打印会影响启动的速度,如果想要加快一些启动速度,那么就可以选择关闭这个打印信息。关闭配置......
  • DataX-阿里开源离线同步工具在Windows上实现Sqlserver到Mysql全量同步和增量同步
    场景Kettle-开源的ETL工具集-实现SqlServer到Mysql表的数据同步并部署在Windows服务器上:https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/119891674上面讲过Kettle的使用,下面记录下阿里开源异构数据源同步工具DataXDataXDataX是一个异构数据源离线同步工具,致力......
  • 【MAUI Blazor踩坑日记】2.关于Windows上的相机问题
    前言MAUI中Windows上,调用MediaPicker.Default.CapturePhotoAsync()并不能启动相机拍照。关于这个问题可以查看https://github.com/dotnet/maui/issues/7660,https://github.com/dotnet/maui/pull/13220,好消息是已经修复了,坏消息是.net8修复了,而且还没发布.所以目前怎么办,http......
  • 【Qt6】QWindow类可以做什么
    原来的水文标题是“用VSCode搞Qt6”,想想还是直接改为“Qt6”,反正这个用不用VSCode也能搞。虽然我知道大伙伴们都很讨厌CMake,但毕竟这厮几乎成了C++的玩家规范了。Qt也算识大体,支持用CMake来构建程序。所以,只要你用的是能写C++的工具,理论上都能搞Qt。创建应用程序......