Tôi gặp sự cố khi làm việc này trong hầu hết các trình duyệt, ngoại trừ IE (thậm chí nó hoạt động chính xác trong IE6) và Opera.Trang CSS-Break không hoạt động trên tất cả các trình duyệt
Firefox tách div một cách chính xác nhưng chỉ in trang đầu tiên.
Chrome và Safari chỉ áp dụng ngắt trang cho div cuối cùng.
Làm cách nào để làm việc này trên tất cả các trình duyệt chính xác?
HTML:
<div id="leftNav">
<ul>
<!--links etc-->
</ul>
</div>
<div id="mainBody">
<div id="container">
<div class="pageBreak">
<!--content-->
</div>
<div class="pageBreak">
<!--content-->
</div>
<div class="pageBreak">
<!--content-->
</div>
</div>
</div>
Các divs với các ID #leftNav
và #mainBody
đang được thiết lập để float:left
, vì vậy họ hiển thị độc đáo.
Tôi chỉ muốn in các lớp .pageBreak
, ẩn #leftNav
và phần còn lại của #mainBody
bằng CSS.
CSS:
@media print
{
#leftNav
{
display:none;
}
#mainBody
{
border:none;
margin:none;
padding:none;
}
}
Theo tôi biết rằng thuộc tính sẽ hoạt động trong tất cả các trình duyệt chính nếu bạn sử dụng giá trị "luôn luôn". Bạn có thể đăng css và html có liên quan của mình không? – AJJ
Nếu bạn đã tự giải quyết vấn đề và nó không phải là một trong những câu trả lời dưới đây, bạn nên đăng nó ở đây vì hậu thế, thay vì gắn thêm '[đã giải quyết]' vào tiêu đề câu hỏi của bạn (mà không làm bất cứ điều gì thực sự). Cũng lưu ý rằng tham chiếu SitePoint (được liên kết với bên dưới) là tham chiếu tốt hơn cho CSS và HTML [hơn W3Schools] (http://w3fools.com/) –
Đây là một trong những bài viết và thói quen đầu tiên của tôi khiến tôi thay đổi tiêu đề theo nhiều quy tắc diễn đàn thay vì tạo một bài đăng mới. Tôi đã truy cập SitePoint về vấn đề này nhưng điều đó đã không cho tôi sự trợ giúp mà tôi cần. Trong trường hợp này W3Schools đã làm. –