我建了一个小博客,想打印我的帖子。我知道我必须使用 CSS
来做到这一点,并且我已经尝试了一些 Stylesheets
来做到这一点。
但我的问题是,
1) 每篇文章应占 A4 页,如果太长则应占两页或更多页。
如何仅使用 CSS
解决这个问题?
这是我的第一次尝试。
@media print {
[class*="col-sm-"] {
float: left;
}
ul,a,.btn,h1,.pager,.text-muted {
display: none;
}
.content {
width: 100%;
margin: 0; padding: 0;
background: none;
}
.col-md-8 {
border: 1px solid #666;
padding: 10px;
}
最佳答案
你想要 page-break-before
或 page-break-after
属性。
在没有看到您的 HTML 的情况下,我无法给您确切的答案,但这是您需要完成的事情:
- 在您的 HTML 中找到一个包含每篇文章的元素。 (这可能是
类似
<div class="post">
的东西或<article>
等) - 在
@media print {
内添加一个 block 到您的 CSS对于这些元素,
.post {
page-break-after: always;
}
关于html - 我想打印我的博客文章,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35598060/