JS调用window.print() 方法时由于a链接的href过长导致样式错乱

JS调用window.print() 方法时由于a链接的href过长导致样式错乱

问题描述：

在书写js代码时引用了window.print()方法进行打印时，表格宽度发生变化，样式错乱。追究原因发现是因为表格中有a链接，并且a链接的href属性跟着被显示出来了

预期样式：

错误样式：

问题根本：

项目中同时引用了bootstrap的样式，该样式导致系统调用print方法时调用的是bootstrap中的链接样式。

@media print {  a[href]:after {    content: " (" attr(href) ")";  }}  

解决办法：

在自定义样式中添加样式进行覆盖。

@media print {  a[href]:after {    content: none !important;  }}