propriedade HTML DOM Estilo pageBreakInside
Definição e Uso
pageBreakInside conjuntos de propriedades ou retornos dentro dos elementos comportamentais guia (para impressão ou visualização de impressão).
Nota: pageBreakInside propriedade não afeta elementos posicionados absolutamente.
gramática
Definindo as propriedades pageBreakInside:
Propriedades pageBreakInside Voltar:
值 | 描述 |
---|---|
auto | 默认。如果必要则在元素内插入分页符。 |
avoid | 避免在元素内插入分页符。 |
inherit | pageBreakInside 属性的值从父元素继承。 |
Suporte a navegadores
Todos os principais navegadores suportam propriedade pageBreakInside.
Nota: IE7 e versões anteriores não suportam o valor "herdar".IE8 só fornece! DOCTYPE suportado "herdar". suporte IE9 "herdar".
Nota: Firefox, Chrome e Safari não suportam a "evitar" valor da propriedade.
Dicas e Notas
Dica: tabelas, elementos flutuantes e elementos de bloco internas com fronteiras devem evitar propriedades de paginação.
Exemplos
Exemplos
Evitar quebras de página no id = "footer" o elemento <p>:
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<script>
function setPageBreak(){
document.getElementById("footer").style.pageBreakInside="avoid";
}
</script>
</head>
<body>
<h1>这是个标题</h1>
<p>这是一个段落</p>
<p id="footer">这是底部段落</p>
<button type="button" onclick="setPageBreak()">避免在页脚段落的分页符</button>
</body>
</html>
tente »
estilo Objects