Recientemente, al imprimir para los clientes, el cliente pidió que no imprima el cabezal de la página al imprimir, sino que imprima el contenido en el formulario, porque la cabeza tiene un fondo y un botón de impresión, y es un formulario de línea delgada. Creo que la forma de línea delgada no es muy simple.
Si no sabe cómo hacer una tabla de línea delgada, consulte el siguiente código para lograr el efecto :)
<Tabla CellSpacing = 0 CellPadding = 0 Border = 0>
<tr>
<td bgcolor = 'black'>
<Tabla CellSpacing = 1 CellPadding = 1 Border = 0>
<tr align = Center bgcolor = '#ffffff'>
<td colspan = 2> national </td> <td colspan = 1> ciudad </td>
</tr>
<tr bgcolor = '#ffffff' align = Center>
<TD> People's Daily </td>
<TD> Liberación diaria </td>
<TD> Xinmin Evening News </td>
</tr>
</table>
</td>
</tr>
</table>
Luego, configure, es decir, para imprimir el fondo, pensé que se haría
Como resultado, imprimí una vista previa y encontré un gran bloque negro en la cabeza. ¿Por qué? Debido a que hay un fondo dentro de mi cabeza, ¡tomó la página!
.gtitle
{
Ancho: 100%;
Altura: 32px;
Línea de altura: 32px;
IMAGEN DE BUENGE: URL (IMAGEN/GTITLE.GIF);
RODING-LAFE: 130px;
margen-fondo: 10px;
}
Empecé a sentirme deprimido. Busqué en línea durante mucho tiempo, pero no pude tener una solución perfecta. Decidí hacerlo yo mismo.
Después de pensarlo durante mucho tiempo, finalmente lo hice :)
CSS se define de la siguiente manera:
No se imprponga: la definición de estilo escondida al imprimir
TabPrint: definición de estilo de mesa de línea delgada para imprimir
NextPate: definición de estilo para la paginación
Linetd: Jaja, aquí es lo más importante, haga que su forma sea perfecta al imprimir
Copiar el código