Recentemente, ao imprimir para os clientes, o cliente pediu para não imprimir a cabeça da página ao imprimir, mas para imprimir o conteúdo no formulário, porque a cabeça possui um plano de fundo e um botão de impressão e é um formulário de linha fina. Eu acho que a forma de linha fina não é muito simples.
Se você não sabe como fazer uma tabela de linha fina, consulte o seguinte código para alcançar o efeito :)
<tabela CellSpacing = 0 CellPadding = 0 borda = 0>
<tr>
<td bgcolor = 'preto'>
<Table CellSpacing = 1 CellPadding = 1 borda = 0>
<tr align = Center bgcolor = '#ffffff'>
<td colspan = 2> nacional </td> <td colspan = 1> cidade </td>
</tr>
<tr bgcolor = '#ffffff' align = Center>
<Td> diariamente das pessoas </td>
<Td> Libertação diariamente </td>
<td> Xinmin Notícias noturnas </td>
</tr>
</tabela>
</td>
</tr>
</tabela>
Em seguida, defina o isto é para imprimir o fundo, pensei que seria feito
Como resultado, imprimi uma prévia e encontrei um grande bloco preto na cabeça. Por que? Como há um fundo dentro da minha cabeça, ele pegou a página!
.gtitle
{
largura: 100%;
Altura: 32px;
altura da linha: 32px;
Imagem de fundo: URL (imagens/gtitle.gif);
preenchimento-esquerda: 130px;
Margin-Bottom: 10px;
}
Comecei a me sentir deprimido. Eu procurei on -line por um longo tempo, mas não consegui uma solução perfeita. Eu decidi fazer isso sozinho.
Depois de pensar nisso por um longo tempo, finalmente consegui :)
CSS é definido da seguinte forma:
Note -impressão: a definição de estilo escondida ao imprimir
TabPrint: definição de estilo de mesa de linha fina para imprimir
NextPate: Definição de Estilo para Paginação
Linetd: haha, aqui está a coisa mais importante, torne sua forma perfeita ao imprimir
Copie o código