wkhtmltopdf — Выравнивание логотипа по нижнему краю без использования нижнего колонтитула

Я хочу добавить логотип внизу самой первой страницы. В идеале я бы расположил: абсолютный нижний: 0, но все, что расположено внизу в wkhtmltopdf, похоже, не работает.

Это проблема, поскольку логотип является динамическим и может иметь разную высоту в зависимости от соотношения сторон загруженного изображения.

Я вижу, что могу добавить нижний колонтитул, но он добавляется ко всем страницам, а я хочу это только на одной странице.

Каковы мои варианты? Должен ли я позиционировать его сверху? Если да, то что, если размер страницы изменится? Это должно работать в форматах A4 и US Letter.


html css wkhtmltopdf
person David Ball    schedule 07.07.2015    source источник
comment
Вы проверили stackoverflow.com/questions/9135109/?   -  person connexo    schedule 07.07.2015
comment
Спасибо, но обсуждаемое решение добавляет нижний колонтитул (с использованием --footer-html), но это решение мне не подходит, потому что я хочу, чтобы что-то было выровнено только по нижней части 1-й страницы.   -  person David Ball    schedule 08.07.2015
comment
Вы можете отключить нижние колонтитулы на всех страницах, кроме первой, чтобы добиться того, чего вы хотите.   -  person ashkulz    schedule 13.07.2015

Ответы (3)


arrow_upward
6
arrow_downward

У меня была такая же проблема, и я решил ее, фактически добавив ширину к элементу. Итак, для элемента, который я хочу прикрепить снизу, у меня есть этот css:

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}
person Carlo    schedule 29.08.2017
comment
Он помещает элемент внизу документа, а не внизу первой страницы. - person krzaq; 27.06.2020

arrow_upward
3
arrow_downward

Это не сработало для меня. (используя pdfkit python)

У меня был одностраничный документ, и я хотел нижний колонтитул. Мне пришлось установить высоту страницы как высоту листа бумаги (<body style="height: 297mm">), и тогда абсолютное положение работало правильно.

person Ben Page    schedule 22.01.2020

arrow_upward
1
arrow_downward

Была та же проблема, использовал ответ Карло, но изменил его, чтобы использовать верхнее поле, поскольку оно использует поля документа. Таким образом, элемент всегда находился внизу первой страницы.

.footer {
      position: absolute;
      top: 700px;
      width: 100%;
}
person Cas Wolters    schedule 08.01.2021