Проблема компоновки CSS. поля и стандартный размер бумаги

Question

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

поле слева: 1,5 дюйма; поле справа: 8,0 дюймов;

Я ожидал, что левая сторона будет начинаться с 1,5 левой стороны, а справа - 8 дюймов с левой стороны. Оказывается прямо в 8in от правого испортить мою страницу. Как установить так, чтобы ширина текста составляла 7 дюймов, независимо от того, какое разрешение имеет пользовательский браузер?

Answer 1

Вы можете установить ширину тела до 7 дюймов. Но браузер автоматически выложит текст для вас, чтобы соответствовать размеру бумаги. Так что я бы установил как левый, так и правый поля в 1,5 дюйма Вы можете использовать отдельный файл CSS для печати. ​​

Answer 2

Взгляните на блочную модель CSS и правила типа носителя . Правило @ page (для выгружаемых носителей) также может представлять интерес.

Как уже было сказано, вы должны использовать свойство width, чтобы определить ширину элемента уровня блока. Затем вы можете использовать padding и margin, чтобы заполнить текст и поместить поле вокруг его контейнера.

Что-то вроде этого позволит вам указать стиль документа для печати:

@media print {
  p {
    font-family: times,serif;
    font-size: 12px
    margin: 1cm 2cm;
    page-break-inside: avoid;
    widows: 2;
    orphans: 2;
  }
}

Я бы рекомендовал программному обеспечению принтера автоматически определять размеры текста на основе указанных полей и страницы, используемой для печати. Таким образом, пользователю будет проще печатать на бумаге любого размера. Вот некоторые характерные для печати свойства CSS , которые вы можете использовать для форматирования печатного документа.

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

Answer 3

Вы смотрите на него задом наперед: поле справа - это ширина справа от области просмотра (или листа бумаги). Так что для 8,5-дюймового листа бумаги с 1-дюймовым полем со всех сторон вам понадобится:

body{
      margin-left: 1in;
      margin-right: 1in;
      width: 6.5in;
}