css布局问题。页边距和标准纸张尺寸

css布局问题。页边距和标准纸张尺寸,css,Css,我试图找出什么页边距对可读性最好,我认为最好使用标准纸张大小和页边距。我查了一下,看起来8.5是标准的。我查了一下如何做基本的CSS,发现了一个问题 左边距:1.5英寸; 右边距:8.0英寸 我是例外,左边将从左侧的1.5开始,右边是从左侧的8英寸开始。原来右边离右边8英寸,毁了我的页面。如何设置它,以便无论用户浏览器的分辨率如何,文本的宽度都为7英寸?您可以将正文的宽度设置为7英寸。但浏览器会自动为您布置文本以适合纸张。所以我会把左边和右边的边距都设置为1.5英寸。您可以使用单独的CSS文件进

我试图找出什么页边距对可读性最好,我认为最好使用标准纸张大小和页边距。我查了一下,看起来8.5是标准的。我查了一下如何做基本的CSS,发现了一个问题

左边距:1.5英寸; 右边距:8.0英寸


我是例外,左边将从左侧的1.5开始,右边是从左侧的8英寸开始。原来右边离右边8英寸,毁了我的页面。如何设置它,以便无论用户浏览器的分辨率如何,文本的宽度都为7英寸?

您可以将正文的宽度设置为7英寸。但浏览器会自动为您布置文本以适合纸张。所以我会把左边和右边的边距都设置为1.5英寸。您可以使用单独的CSS文件进行打印。

您可以将主体的宽度设置为7英寸。但浏览器会自动为您布置文本以适合纸张。所以我会把左边和右边的边距都设置为1.5英寸。您可以使用单独的CSS文件进行打印。

您正在向后查看:右边距是视口(或纸张)右侧的宽度。因此,对于一张边距为1英寸、边距为8.5英寸的纸张,您需要:

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

向后看:右边距是视口(或纸张)右侧的宽度。因此,对于一张边距为1英寸、边距为8.5英寸的纸张,您需要:

body{
      margin-left: 1in;
      margin-right: 1in;
      width: 6.5in;
}
看一看,然后。(对于分页媒体)也可能会引起兴趣

如前所述,应该使用
width
属性定义块级元素的宽度。然后可以使用
填充
边距
填充文本,并在其容器周围放置边距

这样可以指定打印的文档样式:

@media print {
  p {
    font-family: times,serif;
    font-size: 12px
    margin: 1cm 2cm;
    page-break-inside: avoid;
    widows: 2;
    orphans: 2;
  }
}
我建议让打印机软件根据您指定的页边距和用于打印的页面自动确定文本的尺寸。这样,用户可以更轻松地打印在他们想要的任何尺寸的纸张上。您可能希望使用设置打印文档的格式

我相信衬线字体在印刷品上更容易阅读(或者人们这么说),所以这可能也值得考虑。

看一看。(对于分页媒体)也可能会引起兴趣

如前所述,应该使用
width
属性定义块级元素的宽度。然后可以使用
填充
边距
填充文本,并在其容器周围放置边距

这样可以指定打印的文档样式:

@media print {
  p {
    font-family: times,serif;
    font-size: 12px
    margin: 1cm 2cm;
    page-break-inside: avoid;
    widows: 2;
    orphans: 2;
  }
}
我建议让打印机软件根据您指定的页边距和用于打印的页面自动确定文本的尺寸。这样,用户可以更轻松地打印在他们想要的任何尺寸的纸张上。您可能希望使用设置打印文档的格式

我相信衬线字体在印刷品上更容易阅读(或者人们这么说),所以这也值得考虑