Sayfayı yazdırmak için window.print() kullanıyorum, ancak sayfa başlığı, dosya yolu, sayfa numarası ve tarih içeren üstbilgi ve altbilgi var. Bunları nasıl kaldırabilirim?
Yazdırma stil sayfasını da denedim.
#header, #nav, .noprint
{
display: none;
}
Lütfen yardım edin. Teşekkürler.
Chrome'da bu otomatik üstbilgi/altbilgiyi şu şekilde gizlemek mümkündür
@page { margin: 0; }
İçerik sayfa sınırlarına kadar uzanacağından, sayfa yazdırma üstbilgisi/altbilgisi olmayacaktır. Elbette, bu durumda, içeriğin sayfanın kenarına kadar uzanmaması için body öğenizde bazı kenar boşlukları / dolgular ayarlamalısınız. Yaygın yazıcılar kenar boşluksuz baskı alamadığından ve muhtemelen istediğiniz bu olmadığından, bunun gibi bir şey kullanmalısınız:
@media print {
@page { margin: 0; }
body { margin: 1.6cm; }
}
Martin]1'in bir yorumda belirttiği gibi, sayfada bir sayfayı geçen uzun bir öğe varsa (büyük bir tablo gibi), kenar boşluğu yok sayılır ve yazdırılan sürüm garip görünür.
Bu yanıtın orijinalinde (Mayıs 2013), yalnızca Chrome'da çalışıyordu, şu anda emin değilim, tekrar denemeye gerek duymadım. Hable yapamayan bir tarayıcı için desteğe ihtiyacınız varsa, anında bir PDF oluşturabilir ve bunu yazdırabilirsiniz (üzerine JavaScript yerleştirerek kendi kendine yazdıran bir PDF oluşturabilirsiniz), ancak bu büyük bir güçlüktür.
Bu kodu css dosyanıza eklemenin sorunu çözeceğinden eminim
<style type="text/css" media="print">
@page
{
size: auto; /* auto is the initial value */
margin: 0mm; /* this affects the margin in the printer settings */
}
</style>
Bu konuda daha fazla bilgi edinmek için burayı ziyaret edebilirsiniz