怎么用csspage-break-before属性-创新互联

怎么用css page-break-before属性?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

目前创新互联已为1000+的企业提供了网站建设、域名、虚拟空间、绵阳服务器托管、企业网站设计、京山网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。

css page-break-before属性用于在指定元素前添加分页符。注该属性不能对绝对定位的元素的使用,也要避免在表格、浮动元素、带有边框的块元素中使用。所有浏览器都支持 page-break-before 属性。

css page-break-before属性怎么用?

page-break-before 属性在指定元素前添加分页符。

说明:尽管可以用 always 强制放上分页符,但是无法保证避免分页符的插入,创作人员最多只能要求用户代理尽可能避免插入分页。应用于:position 值为 relative 或 static 的非浮动块级元素。

注释:所有主要浏览器都支持page-break-before属性。任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "left"、"right" 以及 "inherit"。Firefox、Chrome 以及 Safari 不支持属性值 "avoid"、"left" 以及 "right"。

css page-break-before属性 示例

在 <h2> 元素前始终插入分页符:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style>
@media print {
    h2 {page-break-before: always;}
}
</style>
</head>
<body>
....
</body>
</html>

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注创新互联网站制作公司行业资讯频道,感谢您对创新互联建站的支持。

本文标题:怎么用csspage-break-before属性-创新互联
当前地址:https://www.cdcxhl.com/article36/csdgsg.html

成都网站建设公司_创新互联,为您提供静态网站建站公司微信小程序网站制作微信公众号面包屑导航

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

外贸网站建设