2010-01-11 41 views
8

Tôi có rất nhiều div s trên một trang có số lượng nội dung thay đổi trong chúng. Tôi đang cố gắng sử dụng page-break-inside: avoid; để mỗi phần div không bị hỏng trên 2 trang.Hỗ trợ chéo trình duyệt của `page-break-inside: tránh;`

Nó đang hoạt động trong Firefox nhưng không hoạt động trên IE8.

Tôi có điều này trong tập tin in CSS của tôi

.page-break-inside-avoid { page-break-inside: avoid; } 

và divs tôi mang lớp như trong <div class="page-break-inside-avoid">

IE8 là nghĩa vụ phải hỗ trợ này ngay bây giờ. Phải không?

Tôi có làm gì sai không? Bất cứ ai đã giải quyết vấn đề này? Hoặc có bất kỳ kinh nghiệm với nó?

Mọi trợ giúp đều tuyệt vời.

thanks a lot richard

+0

div linh hoạt phù hợp trên trang nhưng div thứ hai không như vậy nó được in chính xác trên trang tiếp theo nhưng div thứ ba thay vì tiếp tục sau div thứ hai trên trang secon lấp đầy không gian trên trang đầu tiên và sau đó contines sau div thứ hai và trang thứ hai. Nó cũng giống như div thứ hai đang in bên trong div thứ ba. Nếu điều đó hợp lý !! xin vui lòng giúp –

+0

Nó không thể biết câu trả lời cho điều này mà không nhìn thấy phần còn lại của mã và phong cách – Gareth

Trả lời

7

Webdevout.net là một nơi tuyệt vời để kiểm tra khả năng tương thích CSS trình duyệt.

Đối page-break-inside chỉ IE8 và Opera 8+ được hiển thị để hỗ trợ nó

+0

bất kỳ ý tưởng tại sao nó không làm việc trong IE8 sau đó? cảm ơn –

+2

Tôi đã tìm thấy trang-ngắt-bên trong sẽ * chỉ * hoạt động trong IE8 khi các trang của bạn được diễn giải trong ** chế độ tuân thủ tiêu chuẩn **, trái ngược với chế độ quirks. Vì vậy, hãy đảm bảo bạn có một loại tài liệu hợp lệ! Xem http://www.quirksmode.org/css/quirksmode.html –

+1

2016 và bảng hỗ trợ cập nhật cho thuộc tính tại http://caniuse.com/#feat=css-page-break –

0

Nếu không nhìn thấy mã Tôi chỉ có thể đoán nó là cái gì có thể để làm với chiều cao hoặc làm tổ của divs bạn đang cố gắng để áp dụng nó đến. Thậm chí có thể là chiều rộng như nhớ cả xem trước bản in trong IE và FF sẽ có kích thước khung nhìn khác nhau (từ chế độ xem trình duyệt bình thường và nhau), một vài pixel có thể hoàn toàn thay đổi hiển thị của nó

0

Microsoft Word 2010 không dường như tôn trọng thuộc tính kiểu này khi nhập từ HTML (chuyển tiếp XHTML 1.0), tức là phần tử <div> có thể được chia nhỏ.

Các vấn đề liên quan