Att göra DIV osynliga för att skriva ut | CSS för utskrift

Behöver ibland vi ett visst visuella element eller en del av webbplatsens innehåll är endast synlig på skärmen, men gör det osynliga vid utskrift. Eller så, Vi vill ha en distinkt stil för utskrift. CSS löser det för dig!

Introduktion

En användbar funktion i CSS är den “Media Print“, eftersom det tillåter dig att kontrollera, delen, stilen på vad som kommer att skrivas.

Till exempel, Du kan ha en CSS som sätter standardstil för din webbsida och kan ha en annan CSS att differentiera stilen i vissa delar, som DIV, När de trycks. Det är intressant att använda när du behöver dölja vissa knappar eller ens ändra bakgrundsfärg när du skriver ut ett dokument. En annan idé är att göra en logotyp eller vattenstämpel i tid att skriva ut. Ändå, Det finns många möjligheter, från din kreativitet eller behov.

CSS – Yttre

Det vanligaste är du ställa in din CSS-koden i en extern fil Print.CSS, med distinkt stil för utskrift.

Print.CSS | Anropet till denna fil kommer att göras inom site.html

    #noprint { displayen:Ingen; } 
     kroppen { bakgrund: #FFF; }

Och sedan ringa till filen Print.CSS på dina webbsidor.

Site.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
    <HTML>
        <huvud>
            <avdelning>Webbplats</avdelning>
            <länk rel="stylesheet" href="print.css" typ="text/css" Media="print"> 
        </huvud>
        <kroppen bgcolor="#ff0000"> 
            Standardbakgrundsfärg på sidan är röd,
            Emellertid, När du skriver ut, kommer att vara vit.
            <div ID="noprint">
                Tudo que estiver entre esta DIV "noprint"
                kommer att vara synlig på skärmen, Emellertid, osynlig vid utskrift.
            </div>
        </kroppen> 
    </HTML>

CSS – Interna

Ett andra alternativ är att skilja formatmallen utskrift med hjälp av CSS-kod på webbsidan. I detta fall, skulle se ut så här:

Site.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
    <HTML>
        <huvud>
            <avdelning>Webbplats</avdelning>
            <stil>
                @media print { 
                    #noprint { displayen:Ingen; } 
                    kroppen { bakgrund: #FFF; }
                }
            </stil>
        </huvud>
        <kroppen bgcolor="#ff0000"> 
            Standardbakgrundsfärg på sidan är röd,
            Emellertid, När du skriver ut, kommer att vara vit.
            <div ID="noprint">
                Tudo que estiver entre esta DIV "noprint"
                kommer att vara synlig på skärmen, Emellertid, osynlig vid utskrift.
            </div>
        </kroppen> 
    </HTML>
Totalt antal träffar: 29635

8 kommentarer till “Att göra DIV osynliga för att skriva ut | CSS för utskrift

  1. Sandro sade:

    100% gratulationer, nu kunde inte jag bara dölja länkadress, Jag satte den div men inte var inte

Lämna en kommentar

I din e-postadress kommer inte att publiceras.