首页  >  文章  >  web前端  >  css page-break-inside属性怎么用

css page-break-inside属性怎么用

藏色散人
藏色散人原创
2019-05-30 10:55:483150浏览

css page-break-inside属性用于设置元素内部的page-breaking行为,尽管可以用always强制放上分页符,但是无法保证避免分页符的插入,创作人员最多只能要求用户代理尽可能避免插入分页。

css page-break-inside属性怎么用

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

作用:page-break-inside 属性设置元素内部的 page-breaking 行为。

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

注释:只有 Opera 浏览器支持 page-break-inside 属性。

css page-break-inside属性使用示例

<html>
<head>
<style>
@media print
{
table {page-break-inside:avoid;}
}
</style>
</head>
<body>
....
</body>
</html>

效果输出:

8feede00d262904cfc1cef34fbe8ff5.png

以上是css page-break-inside属性怎么用的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn