[html|css]page-break-inside аттрибут

voronetskaya

товарищи отцы верстки, подскажите плз. почему style="page-break-inside:avoid" не работает на элементах <tr>?

artimon

Не судьба.
page-break-inside применяется только к block-level elements. Ты уверен, что TR это block-level element?
На самом деле, по-моему эта часть CSS весьма фигово поддерживается браузерами.

dedwowan

Потому что
Applies to: block-level elements
А tr это не block-level, а table-row

voronetskaya


ну и че теперь делать? <tr> в <div> чтоли запихнуть?
зы - "бразуеры" у меня - "IE последней версии, и ниипет"

dadelos

а че по другому никак чтоль нельзя сделать? обязательно этот page-break-inside , он же к тому же не во всех броузерах работать будет.

dedwowan

tr в див может даже и поможет -)
Попробуй просто на тр повесить display: block
Если сильно нужно, могу попробовать в ВАСе покопать, там где-то с этим заморачивался. Но так уже не помню
А лучше на разные таблицы разбей и на табле заюзай. Это точно поможет

voronetskaya

расскажи, как делать это по-другому?
задача - чтобы при печати новая страница не начиналась посреди строки таблицы

dadelos

page-break-inside лучче юзать применительно к параграфам, типа p {page-break-inside: avoid}, если у тебя в таблице текста столько, что не вмещается на страницу, то оптимально бить таблицу на более мелкие, а еще лучче делать ссылку на версию для печати, где содержимое закинуть в див и к нему применить этот параметр (хотя правильнее было бы использовать page-break-after, он корректно принимается большинством броузеров в отличии от инсайда).
http://www.w3.org/TR/REC-CSS2/page.html посмотри тут все доступно с кучей примеров написано.
Цитата оттуда:
13.3.6 "Best" page breaks
CSS2 does not define which of a set of allowed page breaks must be used; CSS2 does not forbid a user agent from breaking at every possible break point, or not to break at all. But CSS2 does recommend that user agents observe the following heuristics (while recognizing that they are sometimes contradictory):
Break as few times as possible.
Make all pages that don't end with a forced break appear to have about the same height.
Avoid breaking inside a block that has a border.
Avoid breaking inside a table.
Avoid breaking inside a floated element
посмотри еще параметры page и orphans
Оставить комментарий
Имя или ник:
Комментарий: