vue中打印预览 内容显示偏右，无法居中

在Vue中实现打印预览内容居中显示的方法有多种。

一种方法是使用CSS样式来控制打印预览的内容居中显示。可以在打印样式表（@media print）中设置居中样式。例如：

@media print {
  body {
    text-align: center;
  }
}

另一种方法是使用Vue的组件和指令。你可以创建一个打印预览的组件，并在该组件中使用Vue的指令来实现居中显示。例如：

<template>
  <div class="print-preview">
    <div class="content" v-center>
      <!-- 打印预览的内容 -->
    </div>
  </div>
</template>

<script>
export default {
  directives: {
    center: {
      inserted(el) {
        el.style.display = 'flex';
        el.style.justifyContent = 'center';
        el.style.alignItems = 'center';
      },
    },
  },
};
</script>

<style>
.print-preview {
  /* 打印预览容器样式 */
}

.content {
  /* 内容样式 */
}
</style>

使用上述方法之一，你可以在Vue中实现打印预览内容的居中显示。根据你的具体需求，选择适合的方法进行实现。