CSS:打印时每n行后应用换行符?

Question

如何在每n行之后添加一个换行符?这样，当用户打印时，每页只有10行。

这是我到目前为止所尝试的，但是换行符不起作用。

<style>
@media print
{
.icebreaker
{

}
.icebreaker:nth-child(10n) 
{

page-break-after: always;
}
}
</style>
@foreach($data as row)
<tr class="icebreaker">
<td></td>
<td></td>
<td></td>
</tr>
@endforeach

Answer 1

看起来你的选择器不工作。最好的方法是使用选择器(例如class="ice")创建表，然后可以应用伪类。在我的例子中，我取每第二行。

.ice tr:nth-child(2n) 
{
color: red;
page-break-after: always;
}

<table class="ice">
<tr class="icebreaker">
<td>1</td>
<td>2</td>
</tr>
<tr class="icebreaker">
<td>1</td>
<td>2</td>
</tr>
<tr class="icebreaker">
<td>1</td>
<td>2</td>
</tr>
<tr class="icebreaker">
<td>1</td>
<td>2</td>
</tr>
<tr class="icebreaker">
<td>1</td>
<td>2</td>
</tr>
<tr class="icebreaker">
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr class="icebreaker">
<td>1</td>
<td>2</td>
</tr>  
</table>