<section>
<header>
<h1>The Letterhead</h1>
</header>
<article>
<header>
<p>
{to: name}<br>
{to: address}
</p>
<p id="date">{date}</p>
</header>
<div id="content">
<p>Dear: {name}</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<footer>
<p>Sincerely: {name}<p>
<p id="signature"> </p>
<p>
{position} <br>
{company} <br>
{telephone} <br>
{email} <br>
</p>
</footer>
</article>
</section>
2条答案
按热度按时间vq8itlhq1#
只要html和css你就可以实现它。看看我下面的代码。
你可以使用ctl + p在windows或cmd+p在mac打印pdf
cgfeq70w2#
欢迎来到堆栈溢出!
不看代码很难回答你的问题。如果你创建一个尽可能简单的例子来演示你正在做什么,你已经尝试了什么,你想要实现什么,并在你的问题中包括代码,你会得到最好的答案。开发人员喜欢看代码:)
但是,由于这是您在Stack Overflow上的第一篇帖子,我希望您感到受欢迎,所以我将尝试对您在标题中提出的问题给出一个简单的答案;如何在打印HTML页面时自动将其分为几个页面?
关键字是css属性break-inside和break-after
如果你有这样的东西:
您希望文章中的内容在必要时自动分页,但不希望使用分页符来分割段落-您希望任何分页符都出现在段落 * 之后 *,因此您为
article { break-inside: auto; }
和p {break-inside: avoid; break-after: auto; }
设置了css规则下面是一个完整的示例:
CSS:
超文本: