vue 打印网页中的表格样式问题

Question

点击按钮时调用了打印的代码，但是预览打印页面的时候表格没有居中显示，甚至到了页面的最右边，但是在网页中设计表格的时候时居中的，为什么打印时表格的位置偏移了呢，这个该怎么设置

Answer 1

可以用@media print针对打印单独写样式，例如
网页样式
.print {

color: #f00;

}
@media print {
.print {

color: #6cf;

}
}