"Se um trabalhador quiser fazer bem o seu trabalho, ele deve primeiro afiar suas ferramentas." - Confúcio, "Os Analectos de Confúcio. Lu Linggong"
Primeira página > Programação > Como posso ocultar elementos da página da web ao imprimir?

Como posso ocultar elementos da página da web ao imprimir?

Postado em 2025-03-24
Navegar:226

How Can I Hide Webpage Elements When Printing?

ocultando elementos durante a página da web Printing

Ao imprimir uma página da web, geralmente é desejável excluir certos elementos do printout. Por exemplo, botões ou links visíveis na tela podem aparecer na versão impressa, criando uma desordem indesejável. Ao aplicar regras de estilo específicas em uma consulta de mídia para o meio 'imprimor', você pode controlar a visibilidade dos elementos com base em se uma impressão está em andamento ou não. para a sua série de estilo:

@mídia impressa { .no-impressão, .no-impressão * { Exibição: Nenhum! IMPORTANTE; } } Esta regra afirma que qualquer elemento da classe 'No-Print' será oculto quando o navegador estiver no modo de impressão. Por exemplo:

print (clique aqui para imprimir)

Exemplo:
  1. o seguinte exemplo demonstra o efeito do efeito 'não Impressão:

    "Boa noite"

    print (clique aqui para imprimir)

    Quando um usuário clica no link "Print", o navegador exibirá uma impressão que inclui apenas o texto "Boa noite". O link "Print" em si será oculto.

Tutorial mais recente Mais>

Isenção de responsabilidade: Todos os recursos fornecidos são parcialmente provenientes da Internet. Se houver qualquer violação de seus direitos autorais ou outros direitos e interesses, explique os motivos detalhados e forneça prova de direitos autorais ou direitos e interesses e envie-a para o e-mail: [email protected]. Nós cuidaremos disso para você o mais rápido possível.

Copyright© 2022 湘ICP备2022001581号-3