我想打印我的博客文章

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 {内的CSS添加一个块，以获取
行中的元素

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