Como fazer uma página HTML em tamanho de papel A4?

É possível fazer uma página HTML comportar-se, por exemplo, como uma página de tamanho A4 no MS Word?

Essencialmente, quero ser capaz de mostrar a página HTML no browser, e delinear o conteúdo nas dimensões de uma página tamanho A4.

Para simplificar, I'm assumindo que a página HTML conterá apenas texto (sem imagens etc.) e não haverá <br> tags, por exemplo.

Além disso, quando a página HTML é impressa, ela sairia como páginas de papel tamanho A4.

Seria bastante fácil forçar o web browser a mostrar a página com as mesmas dimensões de pixel que o A4. No entanto, pode haver algumas peculiaridades quando as coisas são renderizadas.

Assumindo que os seus monitores exibem 72 dpi, você poderia adicionar algo como isto:





    body {
        height: 842px;
        width: 595px;
        /* to centre page on screen*/
        margin-left: auto;
        margin-right: auto;
    }




Comentários (4)

I'usei HTML para gerar relatórios que imprimem corretamente em tamanhos reais em papel real.

Se você usar cuidadosamente mm como suas unidades no arquivo CSS, você deve estar OK, pelo menos para páginas únicas. No entanto, as pessoas podem lixá-lo alterando o zoom de impressão no seu browser.

Parece que me lembro que tudo o que estava a fazer era uma única página, por isso não'não tenho de me preocupar com a paginação - isso pode ser muito mais difícil.

Comentários (0)

Tecnicamente, você poderia, mas seria necessário muito trabalho para que todos os navegadores imprimissem a página exatamente como ela é exibida na tela. Além disso, a maioria dos navegadores força a URL, data de impressão e numeração da página na impressão, o que nem sempre é desejado. Isto não pode ser alterado ou desativado.

Em vez disso, aconselharia a criar um PDF baseado no conteúdo no ecrã e a servir o PDF para download e/ou impressão. Embora a maioria das bibliotecas PDF disponíveis sejam pagas, existem algumas alternativas grátis disponíveis para a criação de PDFs básicos.

Comentários (0)