首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >当新页面上有条目时,Handlebar会在#中设置页边距顶部

当新页面上有条目时,Handlebar会在#中设置页边距顶部
EN

Stack Overflow用户
提问于 2021-06-07 14:04:38
回答 1查看 73关注 0票数 0

当我使用Handlebar遍历一个包含#each的大列表时,如果它不适合一页上的所有条目,它会自动生成一个新页面。在新的页面上,它没有页边空白处,看起来没有吸引力。如何设置与页边距的距离?

这是我的代码:

代码语言:javascript
运行
AI代码解释
复制
<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>
EN

回答 1

Stack Overflow用户

发布于 2021-06-08 19:46:10

您可以简单地将此代码添加到handlebars模板的style部分:

代码语言:javascript
运行
AI代码解释
复制
@page {
  margin: 10px 0; 
}

上面的代码将在最终生成的每个页面的顶部和底部添加10px的页边距。您可以使用@page设置您认为合适的样式,这将应用于每个页面。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/67873140

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档