CSS: Elementos Ocultos todavía ocupan espacio en la salida impresa

Question

estoy usando CSS para imprimir sólo una sección de una página:

body { 
visibility:hidden; 
    } 
    .print { 
    visibility:visible; 
    background-color: white; 
    margin: 0; 
    } 

La sección sobre el elemento Quiero imprimir se bien escondido en la letra salida, sin embargo, todavía ocupa el área de espacio. Probé esto haciendo una larga lista vertical de palabras. En la salida de impresión, se produce la misma área de espacio en blanco sin las palabras y luego se produce la salida del elemento. Este problema ocurre en Chrome y Mozilla solamente. También probé las opciones de margen del navegador y ese no es el problema.

¿Alguna idea?

Answer 1

Quiere display:none no visibility:hidden. Este último hace que el elemento sea invisible, pero no lo elimina del flujo de documentos.

Answer 2

Uso display:none;

Answer 3

Trate de usar display: none; lugar.

Answer 4

pantalla de uso: ninguno; como quiera que se muestre solo impresión y ninguna parte del cuerpo.

Answer 5

Utilice @media para imprimir. Por ejemplo:

@media print { 
    * {display: none;} /*or if you want only the body*/ body {display: none;} 
    .print {display: block;} 
} 

(. Únicamente un ejemplo áspero una hoja de estilo actual debe incluir todos los elementos de una página en lugar de comodines)

Entonces la hoja de estilo sólo se utiliza cuando se imprime, o previsualizar impresión.

Answer 6

Even visibility:collapse; lo hace! :)

Answer 7

si queremos display:inline-block o display:block junto con la visibilidad oculta.

Entonces podemos utilizar follwing css como solución alternativa.

{ 
    visibility:hidden 
    width:0px; 
    height:0px 
}