我想打印我的博客文章

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. 在 CSS 内部@media print {中添加一个块，用于这些元素，
如下所示

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