2009-10-09 123 views

回答

4

薩拉姆。

看看這個例子CSS3從http://www.w3.org/TR/css3-page/#size

/* style sheet for "A4" printing */ 
@media print and (width: 21cm) and (height: 29.7cm) { 
    @page { 
     margin: 3cm; 
    } 
} 

/* style sheet for "letter" printing */ 
@media print and (width: 8.5in) and (height: 11in) { 
    @page { 
     margin: 1in; 
    } 
} 

/* A4 Landscape*/ 
@page { 
    size: A4 landscape; 
    margin: 10%; 
} 
+3

6年太晚了,但規範終於趕上了! –

11

您可以在CSS中使用@media print指令做到這一點,無需JS。您必須計算與4x8索引卡相關的大小,並自己完成所有定位,但它將起作用。 此外,由於這是CSS2它不會工作在IE6。(見喬爾的評論)

@media print { 
    body { 
    width: /*width of index card*/ 
    height: /*height of index card*/ 
    } 
    /* etc */ 
} 
+0

等等,什麼?我很確定我過去曾經成功地使用過@media選擇器,並且IE 6很好。 –

+0

本頁面似乎表明它與IE瀏覽器的工作原理早在4版本:http://www.codestyle.org/css/media/print-BrowserSummary.shtml –

+0

CSS支持英寸作爲計量單位的高度和寬度良好...所以 @media打印{ 體{ 寬度:4英寸; 身高:8英寸; } /* etc */ } 應該可以正常工作,否> –