Как отформатировать CSS для печатных страниц на 8.5x11 дюймов

Я ищу помощь, создающую начальную DIV, которая будет вписываться в рамки буквенного документа. Я зациклирую на динамическое содержимое страницы, заканчивая каждую страницу `page-break-after; всегда;.

Я использую метод проб и ошибок и теперь заканчивал работу с документом.

Как вы настраиваете контейнер div, где позиции относятся к полям бумаги?

Спасибо!

Ответ 1

После использования шаблона CSS reset, а с параметром "Усадка на страницу" отключен в параметрах печати, я могу сделать DIV размером 7 дюймов (около 670 пикселей) и высотой 9,5 (около 900 пикселей). положение внутри этого блока.

Это прекрасно подходит для принтеров, которые я подключил. Если мои вычисления верны, DPI печати составляет около 95ppi.

#printPage
{
  margin: 0px;
  padding: 0px;
  width: 670px; /* width: 7in; */
  height: 900px; /* or height: 9.5in; */
  clear: both;
  background-color: gray;
  page-break-after: always;
}

Затем выполняется такое позиционирование:

#cube
{ 
  position: relative;
  top: 1in;
  left: 1in;
  width: 1in;
  height: 1in;
  background-color: white;
}