Нижний колонтитул не расположен должным образом - PullRequest
Новая
       14

Нижний колонтитул не расположен должным образом

0 голосов
/ 01 марта 2019

Я пытаюсь создать файл PDF с помощью wkhtmltopdf.Я хотел бы разместить div внизу страницы.Моя среда - Windows 10, wkhtmltopdf 0.12.5

html 

<!DOCTYPE html>
<html>
    <head>                        
        <style>
            .footer {
              position: absolute;
              bottom: 0;
              width: 100%;
            }
        </style>
    </head>
    <body>
        <div>
            some text
        </div>
        <div class="footer">
            Footer info
        </div>
    </body>
</html>

Firefox, chrome и edge располагают нижний колонтитул внизу, однако при запуске html-файла с помощью команды 

"c:\Program Files\wkhtmltopdf\bin\wkhtmltopdf.exe"  page.html page.pdf

Я получаю нижний колонтитул прямо под частью "некоторый текст" (даже немного перекрывая ее) enter image description here]

Что я делаю неправильно?Я также пытался связать CSS как отдельный файл, но это тоже не сработало (тот же результат).

Ответы [ 2 ]

0 голосов
/ 02 марта 2019

Я пометил ответ Измаила как правильный ответ, поскольку считаю его предложение наиболее правильным, хотя мне не нравится, когда меня заставляют использовать отдельные файлы для нижнего колонтитула / заголовка.Мне нравятся варианты, а не обязательство.

Однако, по крайней мере, до тех пор, пока я не найду время, чтобы сделать это правильно, проблема была решена путем удаления 

<!DOCTYPE html>

Это помогло без изменений в моей логике.

0 голосов
/ 02 марта 2019

Ваше позиционирование CSS для нижнего колонтитула зависит от размера области просмотра, который является размером клиента (окна) браузера.вы поймете, что нижний колонтитул остается в нижней части браузера при изменении размера окна.

wkhtmltopdf отображает HTML в виртуальном окне просмотра с неопределенным размером.Поскольку ваш HTML не может расширить этот видовой экран, он отображается так, как если бы он находился в окне браузера с минимально возможной высотой для размещения вашего контента.

В wkhtmltopdf есть встроенная поддержка разделов верхнего и нижнего колонтитула.Если вы сгенерируете содержимое нижнего колонтитула как отдельный HTML-файл *1005*, вы можете использовать следующую командную строку, чтобы поместить нижний колонтитул внизу сгенерированного документа, который по умолчанию будет иметь размер A4: 

"wkhtmltopdf.exe" --footer-html "footer.html" "input.html" "output.pdf"

Также выполните поиск по ключевым словам "header" и "footer" в документации, чтобы увидеть параметры макета страницы:

https://wkhtmltopdf.org/usage/wkhtmltopdf.txt

...