Как напечатать только изображение на моей веб-странице? - PullRequest
Новая
       7

Как напечатать только изображение на моей веб-странице?

0 голосов
/ 14 октября 2011

У меня есть веб-страница, которая создает штрих-коды. Я хочу напечатать этот штрих-код на наклейке. Вот почему я хочу печатать только выбранную область (только штрих-код) и не хочу печатать верхний и нижний колонтитулы веб-страницы. Только штрих-код.

Как я могу решить эту проблему?

Спасибо за внимание !!!

P.S Веб-страница создается на ASP.NET с C #

Ответы [ 3 ]

8 голосов
/ 14 октября 2011

Сначала создайте версию документа CSS для печати, которая скрывает верхний и нижний колонтитулы. 

/* print.css */
#header { display: none; }
#footer { display: none; }

Затем свяжите таблицу стилей в заголовке вашего документа HTML как таблицу стилей «print»:* 

<link rel="stylesheet" type="text/css" href="print.css" media="print">

После внесения этих изменений верхний и нижний колонтитулы не будут включены в вывод на печать.

2 голосов
/ 14 октября 2011

Я бы использовал CSS @media print, чтобы справиться с этим: 

@media print
{
    /* Add this to everything that you don't want to print (your header and footer) */
    .noPrint
    {
        display:none;
    }

    /* You could also reference your header and footer containers specifically */
    #headerContainer
    {
        display:none;
    }

    #footerContainer
    {
        display:none;
    }
}

Если вы хотите, чтобы ваш CSS для печати был отделен от другого файла, добавьте атрибут media="print" к тегу link: 

<link rel="stylesheet" type="text/css" href="printCSS.css" media="print">

Примечание: Если вы просто определяете класс CSS noPrint, я не вижу причин создавать целый новый файл CSS для размещения этого простого определения класса.

0 голосов
/ 14 октября 2011

Я бы создал собственный класс CSS для печати. Просто укажите атрибут media. 

<link rel="stylesheet" type="text/css" href="print.css" media="print" />

Ознакомьтесь с этим учебным пособием.

...