page-break-inside ne fonctionne pas sous Chrome?

J'ai un tas de paragraphes sur une page:

<p> ... </p>
<p> ... </p>
<p> ... </p>

La règle CSS pour ces alinéas est:

p {
    margin: 20px 0;
    page-break-inside: avoid;
}

Démo Live: http://jsfiddle.net/KE9je/2/show/

Si je comprends le page-break-inside bien correctement, le dessus doit veiller à ce qu'aucun paragraphe est divisé entre deux pages. (Un paragraphe est affichée sur le "courant" de la page, ou si elle ne rentre pas complètement, il est déplacé à la page suivante.)

Cela ne semble pas fonctionner dans le navigateur Chrome. Ouvrir la démo, cliquez-droit sur la page, choisissez l'option "Imprimer...". Vous verrez un aperçu avant impression - le cinquième alinéa est divisé entre la page 1 et 2.

Ce que je fais mal? Comment puis-je faire ce travail dans Chrome?


page-break-inside ne fonctionne pas sous Chrome?

  • La version de google Chrome, vous êtes en cours d'exécution? Votre jsFiddle fonctionne pour moi. Je suis sur la version 14.0.835.202 m.
  • J'ai la même version.
  • J'ai mis à jour ma question avec une image. Ce paragraphe s'appuie sur le 2. page dans google Chrome?
  • Vidas sur mon 14.0.835.202 m Chrome, il fonctionne très bien..
  • Ouais, mais jamais l'esprit, je pense que mes paramètres d'impression sont différentes de la vôtre, et votre exemple monté sur la page 1 pour moi. J'ai fait le point de plus grand et de voir le même problème que toi maintenant.
InformationsquelleAutor | 2011-10-09