Fjern topp- og bunntekst fra window.print().

Jeg bruker window.print() for å skrive ut en side, men jeg får topp- og bunntekst som inneholder sidetittel, filbane, sidetall og dato. Hvordan fjerner jeg dem?

Jeg prøvde også å skrive ut stilark.

#header, #nav, .noprint
{
display: none;
}

Vennligst hjelp. Takk for hjelpen.

jprofitt
Redigerte spørsmål 22. november 2011 в 2:08
Programmering
printing css
22. november 2011 в 2:05
5 visninger

I Chrome er det mulig å skjule denne automatiske topp- og bunnteksten ved å bruke

@page { margin: 0; }

Siden innholdet vil strekke seg ut til sidens grenser, vil sideutskriftens topptekst/footer være fraværende. I dette tilfellet bør du selvfølgelig angi marginer/paddings i body-elementet slik at innholdet ikke strekker seg helt ut til sidekanten. Siden vanlige skrivere ikke kan skrive ut uten marginer, og det sannsynligvis ikke er det du ønsker, bør du bruke noe sånt som dette:

@media print {
  @page { margin: 0; }
  body { margin: 1.6cm; }
}

Som Martin påpekte i en kommentar, hvis siden har et langt element som ruller forbi en side (som en stor tabell), ignoreres margen og den trykte versjonen vil se merkelig ut.

Da dette svaret ble skrevet (mai 2013), fungerte det bare i Chrome, men jeg er ikke sikker på det nå, og har aldri hatt behov for å prøve igjen. Hvis du trenger støtte for en nettleser som ikke kan hable, kan du opprette en PDF-fil i farten og skrive den ut (du kan opprette en PDF-fil som skriver ut seg selv ved å legge inn JavaScript i den), men det er et stort problem.

isherwood
Redigert svar 31. januar 2019 в 4:12
Kommentarer (6)

Firefox :

  • Legg til attributtet moznomarginboxes i ``.

Eksempel :

Kommentarer (2)

Jeg er sikker på at du løser problemet ved å legge til denne koden i css-filen.


    @page 
    {
        size: auto;   /* auto is the initial value */
        margin: 0mm;  /* this affects the margin in the printer settings */
    }

Du kan besøke denne for å få vite mer om dette.

Kommentarer (2)