Ẩn phần tử khi in trang web

Cách làm

Để ẩn phần tử khi in, thêm CSS display: none hoặc visibility: hidden trong media query print.

<style>
@media print {
    .noprint {
        visibility: hidden;
    }
}
</style>

Sau đó bọc phần tử cần ẩn trong <div class="noprint">:

<div class="noprint">
    Nội dung muốn ẩn khi in
</div>

Khi in trang, phần tử có class noprint sẽ không hiển thị.