gpt4 book ai didi

html - css打印精确尺寸

转载 作者:太空狗 更新时间:2023-10-29 16:37:40 27 4
gpt4 key购买 nike

UPD1。我有两台打印机:

  • 打印机,打印贴纸(EAN13 条形码)44mm x 23mm
  • 默认的 LaserJet 打印机(A4 尺寸)

我有两个网页。

第一页有一个 DIV,尺寸 44mm x 23mmcss 中设置:

@page {
size: 40mm 23mm;
overflow: hidden;
}

如果我在浏览器中单击 Print Preview,我只想看到一个具有精确宽度和高度 (44mm x 23mm) 的页面

第二页有一个包含大量数据的 DIV。它的宽度必须限制为 A4 宽度,但可以有多个页面。如果我在浏览器中单击 Print Preview,我想查看 A4 大小的预览。

哪些浏览器支持这个? Firefox 7Chrome 16.0.912 没有。是否可以在 HTML5/CSS/等中以我想要的尺寸准确打印我想要的内容...

最佳答案

我只是从各个地方收集了碎片,然后把它放在一起。它对我有用:

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://barcode-coder.com/js/jquery-ui-1.7.custom.min.js"></script>
<script type="text/javascript" src="http://barcode-coder.com/dp.SyntaxHighlighter/Scripts/shCore.js"></script>
<script type="text/javascript" src="http://barcode-coder.com/dp.SyntaxHighlighter/Scripts/shBrushXml.js"></script>
<script type="text/javascript" src="http://barcode-coder.com/dp.SyntaxHighlighter/Scripts/shBrushJScript.js"></script>
<script type="text/javascript" src="http://barcode-coder.com/js/jquery-barcode-last.min.js"></script>

<script type="text/javascript">
$(document).ready(function()
{
$("#ean").barcode("9785903979165", "ean13", {barWidth:2});
});
</script>
<style>
#ean {
position: absolute;
left: 0;
top: 0;
width: 40mm;
height: 23mm;
}

</style>
</head>
<body>
<div id="ean">
</div>
</body>
</html>

关于html - css打印精确尺寸,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7978544/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com