Я пытаюсь улучшить внешний вид html-документов, напечатанных с помощью Webkit, в данном случае, обеспечивая некоторый контроль над тем, где происходят разрывы страниц.

Я могу вставить разрывы страниц, где мне нужно использовать:

page-break-after: always; 

Однако я не могу найти способ избежать разрывов страниц, вставляемых в середину элементов. Например, у меня есть HTML-таблицы, которые не должны быть разбиты по середине на нескольких страницах. У меня сложилось впечатление, что

page-break-inside: avoid;

предотвратит вставку разрыва страницы внутри элемента, но он, похоже, ничего не делает. Мой код выглядит так:

.dontsplit { border: 2px solid black; page-break-inside: avoid; }

<table class="dontsplit">
    <tr><td>Some title</td></tr>
    <tr><td><img src="something.jpg"></td></tr>
</table>

Несмотря на разрыв страницы: избегайте директивы. Я по-прежнему разделяю таблицу между первой и второй строкой на отдельные страницы.

Есть идеи?