2012-06-11 2 views
2

У меня есть страница с верхней навигационной областью, боковой областью навигации, областью кнопок управления и где-то посередине DIV с id="content", который содержит контент.Как распечатать только область внутри DIV

Я хотел был бы иметь право напечатать как раз содержание этого DIV. Я понимаю, что у меня много строк кода, что делает мои другие области невидимыми и изменяет размер всего, но есть ли альтернатива? Есть ли способ, которым я могу просто распечатать содержимое DIV?

+1

Что означает «печать»? Как с принтером? –

+0

http://stackoverflow.com/questions/355313/how-do-i-hide-an-element-when-printing-a-web-page – Matt

+0

проверить эту ссылку: HTTP: // StackOverflow .com/questions/2255291/print-the-contents-of-a-div –

ответ

4

Посмотрите на использование Media Types - в частности @media print - в вашем CSS укажите стиль, применимый только к печати.

Таким образом, вы можете написать таблицу стилей, которая скрывает все, кроме вашей «области внутри DIV».

1

Использовать таблицу стилей печати css print: нет в полях, которые вы не хотите печатать. Используйте ссылку тегов, как это:

ссылка отн = тип "таблица стилей" = "текст/CSS" СМИ = "печать" HREF = "print.css"

ИЛИ @media печать {

BODY { font-size: 10pt } 

Смежные вопросы