Как растянуть контент на странице печати, используя летающую тарелку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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

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