Safari page-break-inside: избегайте не работать
У меня проблема с CSS page-break-inside: avoid. У меня есть несколько блоков печати, которые имеют этот набор атрибутов css, однако Safari breas любой контент так же, как происходит реальный разрыв страницы, в то время как он работает во всех других основных браузерах (текущие версии), которые я тестировал до сих пор.
Кажется, не имеет значения, какой тип контента содержит блок печати, поскольку я видел это поведение как с таблицей, так и с элементом canvas, разделенным прямо посередине.
насколько http://css-tricks.com/almanac/properties/p/page-break/ и http://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html все должно работать. Не удалось найти никакой дополнительной и недавней информации по этому вопросу с быстрым поиском.
какие предложения? Спасибо.
кстати я на Windows 7 и Safari 5.1.7
1 ответов
попробуйте использовать display: inline-block; вместо page-break-inside: avoid;. Вы также можете добавить vertical-align: top; и width: 100%; чтобы элементы вели себя как обычные блочные элементы вместо встроенных элементов.
эта техника работает надежно, так как задолго до page-break-inside: avoid; был реализован в большинстве браузеров. Это по-прежнему самый надежный кросс-платформенный способ предотвращения разрывов страниц в блоке контента.
если вы хотите сделать таблицу нерушимой, вы можете установить display: inline-table; на нем. Или вы можете просто положить это в встроенном блоке div.