Các tính năng CSS không được hỗ trợ và cách khắc phục

Tổng quan nhanh

Engine writeHtml kết xuất nội dung theo một lượt từ trước ra sau và không bao giờ dàn lại bố cục cho nội dung đã ghi trước đó. Một số hành vi Cascading Style Sheets (CSS) không phù hợp với mô hình đó. Trang này liệt kê các hành vi cụ thể mà engine không áp dụng và nêu cách khắc phục được hỗ trợ cho từng hành vi. Để biết trạng thái xác minh theo từng mô-đun, hãy đọc ma trận hỗ trợ CSS.

Các giới hạn này có ranh giới rõ ràng và không phải là lộ trình. Mỗi mục nêu chính xác hành vi không được hỗ trợ, chứ không phải toàn bộ thuộc tính.

Các hành vi không được hỗ trợ

Hành vi	Phần không được áp dụng	Cách khắc phục
Bố cục theo độ lệch của `position: absolute` / `position: relative`	Engine đặt các hộp theo thứ tự trong tài liệu. Các độ lệch `top`/`right`/`bottom`/`left`, vốn dịch một hộp đã định vị ra khỏi luồng thông thường, không được áp dụng. Định vị tĩnh (static) vẫn hoạt động.	Dùng bảng hoặc flex trong luồng thông thường để bố trí.
`grid-template-areas` được đặt tên	Engine không hiện thực việc đặt phần tử theo vùng lưới được đặt tên. Việc đặt theo đường lưới tường minh vẫn hoạt động.	Đặt phần tử bằng đường lưới tường minh hoặc dùng một bảng.
`rowspan` băng qua ngắt trang (suy giảm)	Một ô `rowspan` được kết xuất trên một trang. Khi bảng được phân trang, một ô trải rộng vượt qua ranh giới trang sẽ bị phân mảnh như mô tả trong Bản ghi quyết định kiến trúc (ADR-007), và một ô quá cao để có thể chia tách sẽ làm phát sinh `UnsplittableContentException`.	Với các nhóm hàng phải được giữ nguyên vẹn khi phân trang, hãy dùng một float hoặc một hàng tiêu đề danh mục thay cho một `rowspan` cao.
Thứ tự vẽ nền của `overflow: hidden`	`overflow: hidden` không làm thay đổi thứ tự vẽ nền, và không cắt nền của phần tử con theo hộp bo góc hoặc hộp có kích thước của phần tử tổ tiên.	Áp dụng nền cho chính phần tử sở hữu vùng cắt, hoặc tránh phụ thuộc vào nền bị cắt.
Văn xuôi tự xuống dòng nằm cạnh nhau trong một flex item	Một flex item có văn xuôi tự xuống dòng sẽ tràn ra khỏi track của nó thay vì xuống dòng bên trong track.	Dùng một bảng hai cột với chiều rộng cột bằng pixel tường minh.
Chiều rộng cột theo phần trăm phân giải thành số không	Khi một `width` của cột theo `%` không có cơ sở để phân giải, nó được phân giải thành `0` và kích hoạt cảnh báo nén cột.	Gán chiều rộng bằng pixel tường minh cho các cột đặt cạnh nhau.

Xem thêm

Ma trận hỗ trợ CSS — trạng thái xác minh theo từng mô-đun và các tính năng được hỗ trợ.
HTML: hệ thống con kết xuất HTML+CSS sang PDF — mô hình một lượt nằm sau các giới hạn này.
Dàn bố cục bảng trong HTML — các mẫu bảng thay thế cho định vị theo độ lệch và văn xuôi xuống dòng trong flex.