I am dynamically adding HTML from another page and styling it for print. However, page-break-inside: avoid;, when applied to my elements (any of them), does not seem to be taken into account when printing even though it shows up in the styles. I am using Chrome 31 on Windows
Here is a jsFiddle of the simplified version of my program (WARNING: It brings up the print preview after 3 seconds. To stop this simply comment out the setInterval at the bottom), This is the version where page-break-inside:avoid doesn't have any effect in print preview
The usual "fix" I've found, adding position:relative to the element and its parent, does not work in my case. Prefixing it (as a couple people suggested) doesn't seem to work either
疑似バージョンでテストしたため（警告：これにより印刷プレビューも開きます）、page-break-inside: avoid;動的に配置された要素を使用してChrome 31で動作することはわかっていますが、コードを削除し、スタイルをいじり、トピックを調査するのに何時間も費やした後（ほとんどの投稿は非常に時代遅れです）より複雑なバージョンを同じように機能させることができなかったようです
洞察を事前にありがとう！