vue-print-nb设置打印边距为无
时间: 2023-12-31 08:21:58 浏览: 218
可以通过在`extraCss`中添加CSS样式来设置打印边距为无。具体操作如下:
```javascript
print: {
id: 'myPrint',
popTitle: '付款审核表',
extraHead: '',
extraCss: `
@page {
margin: 0;
}
@media print {
body {
margin: 0;
}
}
`,
},
```
在`extraCss`中添加`@page`和`@media print`两个样式,分别用于设置页面边距和打印时的边距。其中`margin: 0`表示将边距设置为0。这样就可以将打印边距设置为无了。
相关问题
vue-print-nb 设置打印边距
要设置vue-print-nb的打印边距,可以使用媒体查询来修改打印时的样式。在<style>标签中的@media print中添加以下代码来修改打印页边距:
```css
@page {
margin: 3mm;
}
```
这样就可以设置打印时的页边距为3mm。请注意,这只是一个示例,你可以根据需要自行调整边距的数值。
vue-print-nb设置打印边距
vue-print-nb可以通过设置@media print来调整打印边距。在@media print中,可以使用@page来设置打印页面的大小和边距。例如,可以按照以下方式设置边距:
```css
@media print {
@page {
margin: 20mm; /* 设置上下左右的边距为20mm */
}
}
```
这样就可以将打印页面的边距设置为20mm。你可以根据需要调整边距的数值。请确保将这段CSS代码添加到你的样式文件中。
阅读全文