我正在尝试将网页的尺寸、边距、文本大小、行高等与文字处理器(在本例中为 OpenOffice)的尺寸、边距、文本大小、行高等相匹配,以便在您打印网页或制作 PDF 时它看起来和文档一模一样。
到目前为止,我已经将高度和宽度设置为 11 英寸/8.5 英寸,每个边距设置为 0.79 英寸,字体与文档大小相同。(也就是说,如果文档使用 pt。)
那怎么只占了一半呢??
该站点是为打印/PDF 制作的,因此它不必使用灵活的值。
谢谢!
这是一个示例文档的链接,我很快就会有一些代码 http://i.stack.imgur.com/l2Dl1.png
/*The rules go here*/
#page-container {
background: blue;
margin: 0.79in 0.79in 0.79in 0.79;
width: 7.5in;
height: 11in;
}
.name {
font-size:22pt;
font-weight:bold;
}
.sections {
margin: 10px 0 0 0;
font-weight:bold;
text-decoration:underline;
clear:right;
}
.jobtitles {
font-weight:bold;
}
.leftside {
float:left;
}
.rightside {
float:right;
width:50%;
}
.years {
float: right;
font-weight:bold;
padding-right: 1%;
}
.desc {
width: 760px;
}
ul {
list-style-type: none;
padding:0;
margin:0;
}
#footer {
text-align: center;
font-weight: bold;
}
它的蓝色的唯一原因是我可以看到容器。