Làm cách nào để đặt lề 0 khi xem trước bản in?

Question

Tôi đang làm gì sai?

Đây là Print Preview bình thường:

Nhưng tôi muốn nhìn thấy hình ảnh này (mà không kéo mũi tên lợi nhuận)

Đây là các mã css và xem trước:

Answer 1

Điều tốt nhất bạn có thể làm là đặt @page margins. Tuy nhiên, hãy ghi nhớ rằng bạn có thể và sẽ bị loại trừ nếu bạn đặt lề thành 0.

Answer 2

Tôi không nghĩ rằng thực sự có thể làm điều này, bởi vì bạn sẽ ghi đè các giá trị mặc định trên người dùng máy vi tính. Theo như tôi biết, một ứng dụng web không có quyền truy cập để thay đổi một cái gì đó giống như cài đặt máy in mà không có một số loại ActiveX script trong IE.

Tôi đã gặp phải sự cố tương tự trong khi quay lại và cuối cùng phải tạo một tệp PDF khi đang chạy bằng TCPDF. Cuối cùng đã làm việc tốt hơn, bởi vì bạn có quyền kiểm soát tốt hơn bố cục.

Answer 3

Có. Có thể thay đổi lề của bạn trong một bản in trang. Quy tắc sẽ trông giống như:

@page { 
    margin: 0; 
} 

Điều này sẽ không hoạt động trong Firefox kể từ bây giờ. Nếu bạn kiểm tra tham chiếu nhà phát triển của họ trên @page CSS support, bạn có thể xem những trình duyệt nào hỗ trợ @page.

Answer 4

Tôi bị ngăn nâng cấp máy tính từ Windows XP lên một cái gì đó gần đây hơn, vì vậy về cơ bản tôi bị kẹt với IE8.

Tôi thấy rằng trên IE8, lề trang sẽ luôn là mức tối thiểu của 6,01mm trái và phải, và 5mm trên cùng và dưới cùng. Bất kể tôi làm gì, thậm chí sử dụng các quy tắc ở giữa và bên trái trên cùng bên trái quy tắc @page, nó vẫn sẽ mặc định các giá trị ở trên.

Việc tạo biểu định kiểu có thể dễ dàng xem xét giới hạn này về kích thước in.

Nó cũng có thể giúp đặt hack của IE \ 9 trước giá trị thuộc tính lớp CSS, sao chép thuộc tính cũng có thể giúp trong một số trường hợp, (nhưng sẽ không ảnh hưởng đến lề của trang), chẳng hạn như:

.aDiv { 
    margin: 10mm; 
    margin: 15mm\9;  //this \9 hack will set that value only on IE8. 
} 

Tôi biết có các hack khác tương tự như này, chẳng hạn như \ 0 nhưng tôi thừa nhận không hiểu đầy đủ chúng. \ 9 làm việc cho tôi trong IE8 trong một số trường hợp.

Answer 5

Cảm ơn! hoạt động tốt trên chrome

@page { 
    margin: 0; 
}