我試圖用html/css創建一個三折的打印輸出,但我有一個時間的魔鬼讓打印的頁面出來,因爲我希望。在html/css中創建燈籠
@page
{
size: 8.5in 11in;
margin: 0;
}
.trifold-segment {
position: relative;
overflow: visible;
width: 2.66in;
padding: 0.5in;
text-align: center;
float: left;
border-right: thin dashed lightGray;
}
.trifold-segment:nth-child(3n+1) {
border-right: none;
}
有了這個代碼每個段三折應3.66英寸應當由11英寸張紙加起來不到11英寸,適合整齊地放在一個8.5英寸。相反,我發現這些尺寸的第三部分不適合頁面。我不確定自己做錯了什麼,或者是否存在一些隱藏的邊距,導致我無法自定義完整頁面的使用。
任何洞察力或指向可能有用的資源的鏈接?謝謝!