牛骨文教育服务平台(让学习变的简单)
博文笔记

CSS page-break-after 属性

创建时间:2017-01-25 投稿人: 浏览次数:368

实例

设置在表格元素之后始终进行分页的分页行为:

<html>

<head>

<style>

@media print

{

table {page-break-after:always}

}

</style>

</head>

<body>

....

</body>

</html>

CSS page-break-after 属性


属性定义及使用说明

page-break-after 属性设置元素后的 page-breaking 行为。

注意: 您不能对绝对定位的元素使用此属性。

注意: 请尽可能少地使用分页属性,并且避免在表格、浮动元素、带有边框的块元素中使用分页属性。

默认值:auto
继承:no
版本:CSS2
JavaScript 语法:object.style.pageBreakAfter="always"

CSS page-break-after 属性

浏览器支持

CSS page-break-after 属性

CSS page-break-after 属性

CSS page-break-after 属性

CSS page-break-after 属性

CSS page-break-after 属性

所有主要浏览器都支持page-break-after属性。

注意: 任何版本的Internet Explorer(包括IE8)支持属性值"left","right",和"inherit"。

注意: Firefox,Chrome和Safari不支持属性值"avoid","left"和"right"。.


CSS page-break-after 属性

属性值

描述
auto默认。如果必要则在元素后插入分页符。
always在元素后插入分页符。
avoid避免在元素后插入分页符。
left在元素之后足够的分页符,一直到一张空白的左页为止。
right在元素之后足够的分页符,一直到一张空白的右页为止。
inherit规定应该从父元素继承 page-break-after 属性的设置。

如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039,我们一起飞!

声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。