Свойство page-Break-inside не работает в chrome

У меня есть длинные данные таблицы, которые имеют много строк и вложенных таблиц. Когда я печатаю эти данные, строки таблицы и вложенных таблиц просто разбиваются на разрыв страницы, означает, что таблицы и данные разбиваются на страницы, поэтому я использую следующее свойство CSS: -

table tr {
 page-break-inside:avoid;
 position:relative;
 }

но это не работает в моем случае, вы можете увидеть живую демонстрацию здесь:--http://jsfiddle.net/npsingh/S8vr8/2/show/

пожалуйста, отредактируйте код следующим образом звено:--
http://jsfiddle.net/npsingh/S8vr8/2/
- - - [для печати страницы просто нажмите [CTRL+P] или щелкните правой кнопкой мыши и выберите опцию печати] - - -

Я использую Google Chrome версии 29.0.1547.66 m

пожалуйста, дайте мне знать, где проблема точно. Спасибо

7
css google-chrome html html-table page-break-inside

2 ответов

вместо того, чтобы поставить page-break-inside:avoid; на tr таблицы, попробуйте применить его на столе прямо так:

table {
    page-break-inside:avoid;
    position:relative;
}

добавить этот медиа-запрос:

@media print {
   table {
        page-break-inside:avoid;
        position:relative;
    }
}
6

это сделало трюк для меня это оказалось тело css:

body{
    height: auto!important;
    float: none!important;
}
0