html - 我想打印我的博客文章

Question

我建了一个小博客，想打印我的帖子。我知道我必须使用 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;
}

Answer 1

你想要 page-break-before 或 page-break-after 属性。

在没有看到您的 HTML 的情况下，我无法给您确切的答案，但这是您需要完成的事情:

1. 在您的 HTML 中找到一个包含每篇文章的元素。 (这可能是类似 <div class="post"> 的东西或 <article>等)
2. 在 @media print { 内添加一个 block 到您的 CSS对于这些元素，

.post {
   page-break-after: always;
}