Неподдерживаемые возможности CSS и обходные пути

Краткий обзор

Движок writeHtml отрисовывает содержимое за один прямой проход и не переразмещает уже выведенное содержимое. Некоторые виды поведения каскадных таблиц стилей (CSS) не вписываются в такую модель. На этой странице перечислены конкретные виды поведения, которые движок не применяет, и для каждого указан поддерживаемый обходной путь. Статус проверки по модулям см. в матрице поддержки CSS.

Это закрытый список ограничений, а не дорожная карта. Каждая запись указывает конкретное неподдерживаемое поведение, а не свойство целиком.

Неподдерживаемые виды поведения

Поведение	Что не применяется	Обходной путь
Раскладка со смещением `position: absolute` / `position: relative`	Движок размещает блоки в порядке документа. Смещения `top`/`right`/`bottom`/`left`, которые выводят позиционированный блок из обычного потока, не применяются. Статическое позиционирование работает.	Для размещения используйте таблицы или flex в обычном потоке.
Именованные `grid-template-areas`	Движок не реализует размещение по именованным областям сетки. Явное размещение по линиям сетки работает.	Размещайте элементы по явным линиям сетки или используйте таблицу.
`rowspan` при разрыве страницы (ухудшено)	Ячейка с `rowspan` отрисовывается на одной странице. При разбиении таблицы на страницы охватывающая ячейка, пересекающая границу страницы, фрагментируется согласно записи об архитектурном решении (ADR-007), а ячейка, слишком высокая для разбиения, вызывает `UnsplittableContentException`.	Чтобы сгруппированные строки оставались целыми при разбиении на страницы, используйте float или строку-заголовок категории вместо высокого `rowspan`.
Порядок отрисовки фона при `overflow: hidden`	`overflow: hidden` не меняет порядок отрисовки фона и не отсекает фон дочернего элемента по скруглённому блоку предка или блоку предка заданного размера.	Применяйте фон к элементу, которому принадлежит отсечение, либо не рассчитывайте на отсечённые фоны.
Переносимый текст в соседних блоках во flex-элементе	Flex-элемент с переносимым текстом выходит за пределы своей дорожки, а не переносится внутри неё.	Используйте двухколоночную таблицу с явной шириной столбцов в пикселях.
Процентная ширина столбца, которая разрешается в ноль	Если для ширины столбца `width`, заданной в `%`, нет разрешимой базы, она разрешается в `0` и вызывает предупреждение о сжатии столбца.	Задавайте соседним столбцам явную ширину в пикселях.

См. также

Матрица поддержки CSS — статус проверки по модулям и поддерживаемые возможности.
HTML: подсистема отрисовки HTML+CSS в PDF — однопроходная модель, лежащая в основе этих ограничений.
Размещение HTML-таблиц — табличные шаблоны вместо смещающего позиционирования и переносимого текста во flex.