blocks|key|966726|text|如果只匹配元素中的所有元素，除了第一个元素，并且它们不会在之前中断，如何？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|966727|#yourelement+*%2B*{
++++page-break-before:+avoid;
}|code-block|syntax|javascript|966728|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

How about just matching all element inside your element, except the first ones, and have them not break-before

<pre class="lang-css prettyprint-override"><code>#yourelement *+*{
 page-break-before: avoid;
}
</code></pre>

blocks|key|966786|text|对不起，我的答案是“不可能”，尽管如果有人能证明我是错的，我会很高兴。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|966787|我最近遇到了同样的问题，在做了一些研究之后，我决定继续|966788|page-break-after:+always;|code-block|syntax|javascript|966789|在每隔几个元素之后。|966790|http://reference.sitepoint.com/css/page-break-inside|offset|length|966791|http://reference.sitepoint.com/css/page-break-after|966792|entityMap|0|LINK|mutability|MUTABLE|url|1^0|0|0|0|0|0|1G|0|0|0|1F|1|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Z|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|10|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|11|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|12|8|@]|9|@$M|13|N|14|1|15]]|A|$]]|$1|O|3|P|5|6|7|16|8|@]|9|@$M|17|N|18|1|19]]|A|$]]|$1|Q|3|-4|5|6|7|1A|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|L]]|X|$5|T|U|V|A|$W|P]]]]

Sorry, my answer is "not possible", although I'd love it if anyone can prove me wrong.

I've ran into the same problem lately, and after doing a little bit of research I decided to just go with 

<pre><code>page-break-after: always;
</code></pre>

after every several number of elements.

<a href="http://reference.sitepoint.com/css/page-break-inside" rel="nofollow">http://reference.sitepoint.com/css/page-break-inside</a>

<a href="http://reference.sitepoint.com/css/page-break-after" rel="nofollow">http://reference.sitepoint.com/css/page-break-after</a>

blocks|key|966826|text|请尝试使用white-space:nowrap。这应该会阻止文本在元素内部中断，至少在屏幕上是这样。我不确定它如何转化为印刷媒体，但它值得一试。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|966827|更多信息：http://www.blooberry.com/indexdot/css/properties/text/whitespace.htm|966828|entityMap|0|LINK|mutability|MUTABLE|url|http://www.blooberry.com/indexdot/css/properties/text/whitespace.htm^0|5|I|0|5|1W|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@$9|Q|A|R|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|S|8|@]|D|@$9|T|A|U|1|V]]|E|$]]|$1|H|3|-4|5|6|7|W|8|@]|D|@]|E|$]]]|I|$J|$5|K|L|M|E|$N|O]]]]

Try using <code>white-space:nowrap</code> instead. This should stop text from breaking inside the element, at least while on screen. I'm not sure how it translates to print media, but it's worth a try.

More info: <a href="http://www.blooberry.com/indexdot/css/properties/text/whitespace.htm" rel="nofollow">http://www.blooberry.com/indexdot/css/properties/text/whitespace.htm</a>

blocks|key|1181157|text|对于任何不是firefox的东西，|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1181158|.dontsplit+{+border:+2px+solid+black;+page-break-inside:+avoid;+}|code-block|syntax|javascript|1181159|都会起作用的。但不适用于firefox。在火狐中，你要做的就是检查高度，然后在相关的时候添加page-break-after:+always;。|offset|length|style|CODE|1181160|平均而言，顶部和底部的边距将为1英寸。因此，为了测量一个10英寸页面将消耗多少像素，我使用了以下内容：|1181161|var+pageOfPixels;
(function(){
++++var+d+=+document.createElement("div");
++++d.setAttribute("style",+"height:9in;position:absolute;left:0px;top:0px;z-index:-5;");
++++document.body.appendChild(d);
++++pageOfPixels+=+$(d).height();
++++d.parentNode.removeChild(d);
})();|1181162|我有很多div，每个div都有很多段落。所以我所做的就是迭代它们，然后将它们在当前页面上的当前高度与pageOfPixels值进行比较。|1181163|var+currentPosition+=+0;
$('.printDiv').each(function+(index,+element)+{
++++var+h+=+$(this).height();
++++if+(currentPosition+%2B+h+>+pageOfPixels)+{
++++++++//add+page+break
++++++++$('.printDiv').eq(index+-+1).css("page-break-after",+"always");
++++++++currentPosition+=+h;
++++}+else+{
++++++++currentPosition+%2B=+h;
++++}
});|1181164|在firefox中，这对我来说很有效。|1181165|entityMap^0|0|0|1A|P|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|10|8|@$I|11|J|12|K|L]]|9|@]|A|$]]|$1|M|3|N|5|6|7|13|8|@]|9|@]|A|$]]|$1|O|3|P|5|D|7|14|8|@]|9|@]|A|$E|F]]|$1|Q|3|R|5|6|7|15|8|@]|9|@]|A|$]]|$1|S|3|T|5|D|7|16|8|@]|9|@]|A|$E|F]]|$1|U|3|V|5|6|7|17|8|@]|9|@]|A|$]]|$1|W|3|-4|5|6|7|18|8|@]|9|@]|A|$]]]|X|$]]

For anything which is not firefox,

<pre><code>.dontsplit { border: 2px solid black; page-break-inside: avoid; }
</code></pre>

will work. But not for firefox. In firefox, what you are going to have to do is check for the height and then add <code>page-break-after: always;</code> when it is relevant.

On average, the margin will be 1 inch on top and bottom. So, to measure how many pixels a 10 inch page would consume, I used this:

<pre><code>var pageOfPixels;
(function(){
 var d = document.createElement("div");
 d.setAttribute("style", "height:9in;position:absolute;left:0px;top:0px;z-index:-5;");
 document.body.appendChild(d);
 pageOfPixels = $(d).height();
 d.parentNode.removeChild(d);
})();
</code></pre>

I had a lot of divs each with a lot of paragraphs in them. So what I did was I iterated through them, and then compared the current height of the them on the current page to the pageOfPixels value.

<pre><code>var currentPosition = 0;
$('.printDiv').each(function (index, element) {
 var h = $(this).height();
 if (currentPosition + h &gt; pageOfPixels) {
 //add page break
 $('.printDiv').eq(index - 1).css("page-break-after", "always");
 currentPosition = h;
 } else {
 currentPosition += h;
 }
});
</code></pre>

This worked for me in firefox.

I understand that the CSS <code>page-break-inside:avoid</code> instruction is supposed to prevent a page break within a div when an HTML document is printed. Through searching the internet, I have found that it is only supported by Opera and IE8. Is there a work around that allows me to prevent page breaks in Firefox (3.6) or IE versions less than 8?

page-break-inside:avoid equivalent for Firefox and/or IE

我知道在打印page-break-inside:avoid文档时，CSS div指令是为了防止div中的分页符。通过上网搜索，我发现只有Opera和IE8支持。在Firefox (3.6)或低于8的IE版本中，有没有办法防止分页？

问分页-内部:避免与Firefox和/或IE等效
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问分页-内部:避免与Firefox和/或IE等效EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问分页-内部:避免与Firefox和/或IE等效
EN