当我使用Handlebar遍历一个包含#each的大列表时,如果它不适合一页上的所有条目,它会自动生成一个新页面。在新的页面上,它没有页边空白处,看起来没有吸引力。如何设置与页边距的距离?
这是我的代码:
<table>
<thead>
<tr>
<th></th>
<th>{{Person.Known}}</th>
<th>{{Person.Unknown}}</th>
</tr>
</thead>
<tbody>
{{#each OriginalDocuments.Documents }}
<tr>
<td>{{this.Name}} - {{@index}}</td>
<td>
{{#if this.Known}}
<div>
<img src="person_checkmark_Known.svg"/>
</div>
{{/if}}
</td>
<td>
{{#if this.Unknown}}
<div>
<img src="person_checkmark_Unknown.svg"/>
</div>
{{/if}}
</td>
</tr>
{{/each}}
</tbody>
发布于 2021-06-08 19:46:10
您可以简单地将此代码添加到handlebars
模板的style
部分:
@page {
margin: 10px 0;
}
上面的代码将在最终生成的每个页面的顶部和底部添加10px的页边距。您可以使用@page
设置您认为合适的样式,这将应用于每个页面。
https://stackoverflow.com/questions/67873140
复制相似问题