Làm thế nào để bạn tạo một trang html có thể in được?
|
Trang HTML có thể in được luôn là cơn ác mộng đối với những người mới bắt đầu hoặc thậm chí là những nhà phát triển giao diện người dùng có kinh nghiệm. Tôi đã làm việc với các phong cách tương tự 3 năm trước, tôi vẫn phải nghiên cứu rất nhiều và tìm giải pháp trên StackOverflow để làm điều đó. Tôi đã lên kế hoạch tạo một cái và viết về quy trình, hy vọng nó sẽ hữu ích Show Trước tiên, hãy tạo một div với tên lớp “sheet-outer” trong đó thêm một lớp khác “A4” và tạo một div bên trong nơi nội dung bên trong của bạn được đặt ở đó. Thêm tên lớp “sheet”, bây giờ thêm nội dung bên trong của bạn. Trong ví dụ này tôi đã sử dụng tờ “A4”, tôi đã thêm một phần tử bài viết vào bên trong nó Bạn đã bao giờ thử in từ trình duyệt web của mình chưa? Các sự cố phổ biến khi in từ web bao gồm các yếu tố bị dịch chuyển, thiếu hình ảnh, nội dung không vừa với trang, v.v. Tôi sẽ chỉ cho bạn cách làm cho trang web của bạn được in giống như trên màn hình Cứu giúp. Trang in của tôi trông rất tệBạn có một trang web trông tuyệt vời trên màn hình và bạn cần người dùng có thể in những gì họ nhìn thấy Để kiểm tra những gì người dùng sẽ thấy khi họ in, hãy chọn Tệp > In từ Google Chrome (có bản xem trước bản in đẹp mắt). Thật không may, bản xem trước bản in trông không giống trang web đẹp đẽ của bạn Bố cục bị mất hoàn toàn trong bản in… hay là vậy? cách khắc phục nhanhNếu có một trang đơn giản, bạn có thể sửa đổi một thuộc tính HTML để cải thiện đáng kể kết quả in ra To apply the fix, open your HTML file in a text editor and search for any or |