Ao escrever uma folha de estilo de impressão, existe uma maneira de garantir que uma imagem esteja sempre em uma única página, em vez de se estender por várias páginas. As imagens são muito menores do que a página, mas com base no fluxo do documento, elas acabam na parte inferior da página e se dividem. Um exemplo do comportamento que estou vendo está abaixo:
Page 1 | |
| (text text text) |
| (text text text) |
| ________________ |
| | Top of image | |
|____________________|
------page break------
____________________
Page 2 | | Rest of image | |
| |________________| |
| … |
O que eu gostaria
Page 1 | |
| (text text text) |
| (text text text) |
| |
| |
|____________________|
------page break------
____________________
Page 2 | ________________ |
| | Full image | |
| | | |
| |________________| |
| … |
Todas aquelas vezes que reclamei de floats no LaTeX, e aqui estou pedindo a mesma funcionalidade ... Isso pode ser feito? Não estou necessariamente preocupado com o funcionamento em todos os navegadores, já que geralmente é apenas um documento que estou escrevendo para ser transformado em PDF.
css
image
printing
print-style
davidtbernal
fonte
fonte
Respostas:
O único meio que consigo pensar é usar uma (ou potencialmente mais) das seguintes regras de css:
Lembro que essas declarações só se aplicam a elementos de nível de bloco (então você também teria que definir
display: block;
em sua imagem, ou usar algum tipo de contêiner de embalagem e aplicar as regras a isso (seja em um parágrafo, div, span , lista, etc ...).Alguma discussão útil aqui: " Quais são as
media="print"
propriedades CSS específicas mais úteis e compatíveis com vários navegadores? "Referências:
page-break-after
.page-break-before
.page-break-inside
.fonte
page-break-inside:avoid
). Agora me lembro de por que os flutuadores do LaTeX são uma dor.