VUE---打印不居中的问题【解决办法】

最近在开发一个使用VUE打印的功能，出现一个问题，就是点击打印，打印的文档不居中的问题：

具体问题如下：

为了方便预览打印文件，以及样式好看，通常会把打印的文档居中预览，特别是设计稿就是这个样子：

让打印的表格居中显示。

但是这样打印预览的结果是：

首先最重要的问题就是边距的问题，如图所示：

其次比较神奇的是：这个边距是伴随着浏览器窗口的大小变化而变化。

例如：浏览器窗口变小：

打印预览的效果是：

但是我们不可能让用户来调整浏览器宽度后进行打印。

解决办法：

通过上面的分析，这个打印的间距是根据文档左右间距来进行计算的，那么只需要将打印的表格，对齐左上角，不要有边距，就能完美解决这个问题：

测试：距离上边和左边的间距为：0

此时打印预览：

完美解决这个问题。

打完收工！