2009-08-27 147 views
1

这里的两列是我努力使打印友好的页面,所以它会在两列打印版,试图打印信息

view the page here

这里列出一切为了DIV的CSS每个信息块是

#off-campus-print-friendly { 
    font-family:arial; 
    border:1px solid red; 
    overflow:auto; 
    font-size:.8em; 
    line-height:1.5em; 
    padding:10px; 
} 

#off-campus-print-friendly div { 
    width:45%; 
    float:left; 
} 

#off-campus-print-friendly p { 
    margin:5px 0; 
} 

当我去打印的页面,只打印它在一列中,而不是它的外观在页面上。

任何帮助表示赞赏。

回答

6

更改链接样式表是通过编辑您的网页(萤火虫)的信号源画面和打印

<link rel="stylesheet" type="text/css" media="screen, print" href="http://www.herkimer.edu/?css=styles/print.v.1245694939" charset="utf-8" /> 

测试这一点,它的工作原理。

2

最佳做法是,您应该有一个专门用于打印的第二个CSS文件,包括在您的原始页面上。这消除了对第二打印友好页面需要:

<link rel="stylesheet" type="text/css" media="print" href="print.css" charset="utf-8" /> 
2

另外,如果你宁愿有一个样式表迎合所有媒介,您可以使用此:

<link rel="stylesheet" type="text/css" media="all" href="master.css" charset="utf-8" /> 

而且你也可以请使用CSS文件中的块来分隔中等特定样式,如下所示:

@media print { 
    p { font-size: 14pt; } 
} 
@media screen { 
    p { font-size: 12pt; } 
}