Início / coding / Perguntas / 79467228
Accepted
Jefferson
Asked: 2025-02-26 00:24:11 +0800 CST

Configuração de impressão do Chrome Margens de 1 polegada

  • 772

Estou usando este CSS para definir uma margem ao redor do meu documento HTML quando um usuário deseja imprimi-lo. No entanto, quando olho para as opções de impressão, mais configurações não estão definidas como personalizadas e não vejo 1 na margem.

@media print {
    body {
        min-width: 1000px;
    }
    page {
        margin-top: 1in;
        margin-bottom: 1in;
        margin-left:1in;
        margin-right:1in;
    }
   .container { display: block; }

    div, p, ..etc { page-break-inside: auto; }
}

insira a descrição da imagem aqui

html

1 respostas

  1. Best Answer

    Bom dia. Seu problema provavelmente decorre de dois problemas principais: 1. O seletor está incorreto – o CSS não reconhece um elemento de página a menos que explicitamente definido em uma regra @page. 2. As margens devem ser definidas dentro de @page – A maneira correta de aplicar margens de impressão é usando @page. Solução Modifique seu CSS assim:

    @media print {
    @page {
        margin: 1in; /* Sets 1-inch margins for printing */
    }

    body {
        min-width: 1000px;
    }

    .container { 
        display: block; 
    }

    div, p {
        page-break-inside: auto; 
    }
}



    •   @page is specifically designed for defining print settings, including margins.
•   The margin inside @page ensures that browsers recognize the 1-inch setting instead of defaulting to the system’s print settings.
•   The page selector in your code does not exist in standard HTML and does not affect print styling.

    Agora, ao imprimir, verifique as configurações de visualização de impressão para confirmar se a margem está definida corretamente.

    • 2

relate perguntas