欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

CSS打印顯示白條

CSS
林子帆2年前8瀏覽0評論

我試圖創建一個尺寸(203毫米x82毫米)的票寬度。這是在HTML和CSS通過python (cgi，jinja2，weasyprint)模板將被轉換為pdf格式，用戶可以通過網站上的按鈕下載。

HTML正文:

<body>
    <div id="ticket"></div>
</body>

和我的CSS:

body{
    margin: 0;
    padding: 0;
    height: 82mm;
    width: 203mm;
    background: red;
}
#ticket{
    height: 82mm;
    width: 203mm;
    background-color: red;
    margin: 0 auto;
}
@page{
    size: 203mm 82mm;
    margin: 0;
    padding: 0;
}

我選擇了紅色，這樣看起來更好。即使當主體和票有相同的顏色，我仍然在打印預覽中得到一個奇怪的邊框enter image description here

在實際的pdf上也可以看到白條。 有人能幫我嗎？

通過將@page規則的margin屬性設置為0，可以刪除頁面上的默認邊距。與此類似，從body元素中刪除默認邊距需要將body規則的margin屬性設置為0。這樣做，你應該保證你的票占滿了整個頁面，白條沒了。

此外，您可以考慮將#ticket元素的box-sizing屬性設置為border-box，它在元素的總寬度和高度中包括填充和邊框，因此您不必擔心它們會影響票證的整體尺寸。以下是您的CSS更改，包含以下更改:

@page {
  margin: 0;
}

body {
  margin: 0;
  padding: 0;
  height: 82 mm;
  width: 203 mm;
  background: red;
}

#ticket {
  height: 82 mm;
  width: 203 mm;
  background color: red;
  margin: 0 auto;
  box-sizing: border-box;
}

刪除后

@page{
    size: 203mm 82mm;
    margin: 0;
    padding: 0;
}

然后重啟電腦，我在片段中插入了一個片段。現在可以用了。