Skip to content Skip to sidebar Skip to footer

Print Only The Contents Of A Hidden Object Tag

Consider the following code example: HTML5-Template.screen_only { display: none; }) to hide the stuff you don't want to show to the printer:

.print_this{
    display: none;
}

@media print {
    .print_this {
        display: block;
        width: 1024px;
        height: 768px;
    }
    .screen_only {
        display: none;
    }
}​

See http://fiddle.jshell.net/jhfrench/UdQSX/2/show/ for a working example. When the page loads in a browser you will see "This doesn't show when printed". Now print the page and you will see "This only shows for the printer".

Post a Comment for "Print Only The Contents Of A Hidden Object Tag"