Ориентация страницы с использованием CSS - PullRequest
4 голосов
/ 14 февраля 2012

У меня есть задание для создания вида печати с использованием HTML и CSS.Затем это представление анализируется и отображается в PDF на сервере.Затем документ представляется пользователям и передается на принтер A5.

одним из требований является ориентация первой страницы как Пейзаж и ориентация всех остальных страниц как Портрет

Я создал вид,и сервлет, который анализирует HTML и CSS для создания PDF с использованием Flying Saucer .Однако у меня есть некоторые проблемы с ориентацией страницы.Я использую следующий CSS для управления макетом страницы

@page :first {size: A5 landscape}
@page{ size: A5 }

Я получаю правильный макет для первой страницы.Тем не менее, все остальные страницы отображаются в формате A3 ( границы текста, напечатанного ), напечатанного на бумаге формата A4 ( фактическая ориентация страницы ).

ЛюбойИдея, что я тут делаю не так

1 Ответ

3 голосов
/ 06 марта 2012

Ориентация была правильной, но ширина формата A5 не учитывала поля, поэтому я перешёл через ожидаемую ширину страницы. Обходной путь состоял в том, чтобы создать новый класс CSS, я назвал портрет класса, который установил ширину и высоту страницы, следующим образом:

.portrait{
    padding:5px;
    margin:15px 0px;
    width:5.5in ;
    font: 11px verdana, sans-serif;
}

Надеюсь, это поможет любому, кто сталкивается с подобной проблемой. Мне также было бы интересно, если у кого-то есть анализ, почему размер: A5 не работает, как ожидалось

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...