Как растянуть контент на странице печати, используя летающую тарелкуCSS

Разбираемся в CSS
Anonymous
Как растянуть контент на странице печати, используя летающую тарелку

Сообщение Anonymous »

мне нужно поместить изображение в нижнюю часть последней страницы PDF (но выше счетчика страницы, которая находится в поле правой нижней страницы). < /p>

Код: Выделить всё

@page {
size: A4 landscape;
margin: 20mm 10mm 20mm 20mm;
@bottom-right {
content: element(counterDiv);
}
}

.div-to-stretch {
height: 100%;
}
...
another content

[img]data:image/png;base64,${data}[/img]

< /code>
Я не очень хорош в CSS, поэтому моя идея состоит в том, чтобы использовать Div с этим изображением внутри, растянуть Div на всю страницу по высоте и выровнять изображение в нижнюю часть Div. Но я потерпел неудачу на первом шаге - протяните что -то на всю страницу печати. ​​
Есть ли способ растянуть элемент? Должен ли я использовать другой подход, чтобы поместить изображение в нижнюю часть страницы?body, html {height: 100%;}
< /code>
также попытался позиционировать Div в качестве нижнего колонтитула, используя < /p>
position: absolute;
bottom: 0;
< /code>
также попробовал < /p>
position: fixed;
Но получил Div на каждой странице

Подробнее здесь: https://stackoverflow.com/questions/790 ... ing-saucer

Вернуться в «CSS»