Скрыть части страницы при печати?

Question

Я создал базовую HTML-страницу и разместил кнопку печати внизу, которая печатает профиль кандидата, который отображается на странице. Проблема в том, что он печатает кнопку, а также все меню со стороны и нижний колонтитул. Что делать, чтобы печатать только профиль кандидата. Это функция, которую я вызываю при нажатии на кнопку печати.

<script> 
    function printbill() { 
     window.print(); 
    } 
</script> 

Answer 1

Вы можете использовать стиль печати.

Добавьте следующую страницу вашего CSS:

@media print { 
    #header { /* Add the elements you want to hide */ 
     display: none; 
    } 
} 

Answer 2

Попробуйте использовать только CSS:.

@media print { 
    #header, #footer, #nav { display: none !important; } 
    .CandidateProfile: { display: block!important } 
}