콘텐츠로 이동
NextPDF

지원되지 않는 CSS 기능 및 우회 방법

한눈에 보기

섹션 제목: “한눈에 보기”

writeHtml 엔진은 콘텐츠를 한 번의 정방향 패스로 렌더링하며, 이미 처리한 콘텐츠를 다시 레이아웃하지 않습니다. 일부 Cascading Style Sheets (CSS) 동작은 이 모델에 맞지 않습니다. 이 페이지에서는 엔진에서 적용되지 않는 특정 동작을 나열하고, 각 동작에 대해 지원되는 우회 방법을 제공합니다. 모듈별 검증 상태는 CSS 지원 매트릭스를 참조하십시오.

이러한 제한 사항은 범위가 한정되어 있으며 로드맵을 의미하지 않습니다. 각 항목은 속성 전체가 아니라 지원되지 않는 정확한 동작을 명시합니다.

지원되지 않는 동작

섹션 제목: “지원되지 않는 동작”
동작적용되지 않는 것우회 방법
position: absolute / position: relative 오프셋 레이아웃엔진은 박스를 문서 순서대로 배치합니다. 위치 지정된 박스를 일반 흐름 밖으로 이동시키는 top/right/bottom/left 오프셋은 적용되지 않습니다. 정적 위치 지정은 작동합니다.배치가 필요하면 일반 흐름의 표나 플렉스를 사용하십시오.
명명된 grid-template-areas엔진은 명명된 그리드 영역을 통한 배치를 구현하지 않습니다. 명시적인 라인 기반 그리드 배치는 작동합니다.명시적인 그리드 라인으로 항목을 배치하거나 표를 사용하십시오.
페이지 나눔을 가로지르는 rowspan (하향 처리)rowspan 셀은 한 페이지에 렌더링됩니다. 표가 여러 페이지로 나뉠 때, 페이지 경계에 걸친 병합 셀은 Architectural Decision Record (ADR-007)에 기술된 대로 단편화되며, 분할하기에는 너무 높은 셀은 UnsplittableContentException을 발생시킵니다.페이지가 나뉘어도 온전하게 유지되어야 하는 그룹화된 행에는 높은 rowspan 대신 플로트나 카테고리 헤더 행을 사용하십시오.
overflow: hidden 배경 페인트 순서overflow: hidden은 배경 페인트 순서를 변경하지 않으며, 자식 요소의 배경을 조상 요소의 둥근 모서리나 지정된 크기의 박스에 맞춰 클리핑하지 않습니다.클리핑을 담당하는 요소에 배경을 적용하거나, 클리핑된 배경에 의존하지 않도록 하십시오.
플렉스 항목 안의 나란히 배치된 줄바꿈 텍스트줄바꿈되는 텍스트가 들어 있는 플렉스 항목은 트랙 안에서 줄바꿈되지 않고 트랙 밖으로 넘쳐흐릅니다.명시적인 픽셀 단위 열 너비를 가진 두 열짜리 표를 사용하십시오.
0으로 해석되는 백분율 열 너비% 열 width에 해석 가능한 기준이 없으면 0으로 파싱되어 열 압착 경고가 발생합니다.나란히 배치된 열에 명시적인 픽셀 너비를 지정하십시오.

함께 보기

섹션 제목: “함께 보기”