Tôi muốn thay đổi một số thứ trên trang web của mình. Ngoài ra tôi muốn làm cho một số điều ẩn. Có cách nào tôi có thể làm điều này với CSS khi tôi in? Đặc biệt, tôi muốn có thể ẩn một số DIV và tất cả những gì chúng chứa.Tôi có thể có CSS khác nhau như thế nào khi in hoặc in bản xem trước?
Điều này có thể đạt được với một bản định kiểu in riêng biệt. Thuộc tính media là chìa khóa:
<link rel="stylesheet" type="text/css" href="print.css" media="print" />
trả lời là CSS quy tắc @media: http://www.w3.org/TR/CSS2/media.html#at-media-rule
Tôi đã sử dụng
<link href="print.css" type="text/css" rel="stylesheet" media="print">
Để đạt được điều này. Gán #id hoặc .class cho các phần tử bạn không muốn hiển thị. Và sử dụng màn hình : không có cho các yếu tố đó trong bảng định kiểu print.css.
Có, bạn cần sử dụng thuộc tính media khi bạn bao gồm css của mình. Ví dụ.
<link rel="stylesheet" href="my_print_style.css" media="print">
Hoặc bạn có thể sử dụng quy tắc truyền thông trong biểu định kiểu nếu bạn không có đủ thay đổi để đảm bảo toàn bộ biểu định kiểu mới. Một cái gì đó như thế này,
@media print {
// print specific styles.
}
Xem http://www.w3.org/TR/CSS2/media.html#at-media-rule, để biết chi tiết và các loại phương tiện hợp lệ.
Cảm ơn. Làm cách nào để ẩn DIV khỏi chế độ xem? Có cách nào để làm điều đó không? – MIMI
@MIMI: Làm điều đó trong bản định kiểu in với 'display: none'. Nó đơn giản như vậy. – BoltClock
@MIMI Có, chỉ cần nhắm mục tiêu 'div' trong bản định kiểu in và đặt nó thành' display: none'. I E. '#myDiv {display: none; } '. Chỉnh sửa: BoltClock đã nhanh hơn. =) – Viktor