Распечатать div внутри div - PullRequest
       10

Распечатать div внутри div

1 голос
/ 12 февраля 2011

У меня есть файл print.css. Я как-то понял, как получить div, который я хочу напечатать, чтобы показать все остальное, что не отображается. Проблема, с которой я сталкиваюсь, заключается в том, что, когда я иду к предварительному просмотру, у меня, кажется, отсутствуют некоторые строки, когда нужно распечатать несколько страниц. Вот мой файл print.css:

/* Remove unwanted elements */
#map_canvas, #nav, #wb_header, #wb_outline, #wb_navoutline, #wb_Image1, #wb_Text2, #wb_Image2, #wb_Text1, #wb_Text3, #wb_Text4, #wb_Text5, #wb_Text6, #wb_Text7, #wb_Text8, #wb_Text9, #wb_Text10, #wb_Text11, #wb_Text12, #wb_Text13, #wb_Text14, #wb_home, #wb_why, #wb_jail, #wb_faq, #wb_test, #wb_contact, #wb_footer, #wb_district, #wb_municipal, #wb_scroller, #wb_headerimage, #wb_navImage, #firstHeading, #content, #bodyContent, 
#pic.hidden, #siteNotice, #wb_main_text, #poll, #wb_bottom_text { display: none !important; } 

/* Ensure the content spans the full width */
#directionsPanel{
    position:absolute;
    top:-120px;
    width:100%;
    left:80px;
    float:none;
    font-size:14px;
    overflow:visible;   
}

/* Change text color to black (useful for light text on a dark background) */
.lighttext{
    color: #000000 
}

Вот ссылка на страницу, с которой я хочу распечатать. Это всего лишь тестовый сайт: Google Driving Directions

Введите начальное местоположение и затем нажмите «Проложить маршрут». Затем перейдите к предварительному просмотру и посмотрите, о чем я говорю. Не уверен, что у меня неправильно заданы поля при просмотре или нет, попробуйте изменить их, но безрезультатно.

1 Ответ

0 голосов
/ 04 июля 2012

Просто добавьте

page-break-inside: auto;

И это должно работать. Поскольку я не знаю полного DOM, я пока не могу вам больше помочь в этом. Надеюсь, что это помогло.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...