css打印时换行，换页

这个代码有些浏览器会有问题：

<div style="page-break-after:always;>

 

用这个，一般浏览器都支持，不确定是否所有浏览器都可以：

<div style="page-break-after:always;  display:block; width:100%; height:1px;"></div>

 

 

v54版本的chrome打印 分页会错位：

是bootstrap影响的，原因很SB，加一个代码就行了。

页面样式中添加这个代码：

.row{margin-right:0px !important;}

 

如果第二个div与第一个div始终无法换行，那么试试第二个div上添加样式： float:left;

 

在使用chrome打印时，页面上用float并列排放DIV，用page-break-after: always;控制打印分页，发现第一页打印正常，之后就失去分页作用。去掉float打印分页就正常，两者不能同时使用。
研究后发现，可以使用display:inline-block;代替float，来解决chrome下两者冲突。（测试好用）