在预打印纸上打印HTML页面

我需要为web应用程序设计一个对用户输入有意义的页面。遗憾的是，用户与数据交互的最简单、最合乎逻辑的方式与需要打印的表单完全不同

我知道@media@print@屏幕样式允许我为不同媒体设置不同的页面样式。我想弄明白的是，有没有一种方法可以根据标签在纸张上的打印位置来显示标签，而不是布置屏幕并希望它正确打印出来

有没有一种方法可以根据标签在纸张上必须打印的位置来显示标签，而不是布置屏幕并希望它正确打印出来

<> P>我不认为存在，因为所有浏览器都会将其页眉/页脚添加到文档中，加上打印机的余量可以考虑，但是这个问题你会选择任何格式。

我认为构建具有精确定位元素的文档的唯一可靠方法是生成PDF文档

有没有一种方法可以根据标签在纸张上必须打印的位置来显示标签，而不是布置屏幕并希望它正确打印出来

<> P>我不认为存在，因为所有浏览器都会将其页眉/页脚添加到文档中，加上打印机的余量可以考虑，但是这个问题你会选择任何格式。

---

我认为用精确定位的元素构建文档的唯一可靠方法是生成一个PDF文档。

如果需要的话，我想我会远离HTML。为用户提供一种方便的方式来与数据交互，然后以更适合打印的格式（如PDF）将数据返回给用户。如果需要，我想我会放弃HTML。为用户提供一种与数据交互的便捷方式，然后以更适合打印的格式（如PDF）将数据返回给用户。如果css无法实现所需的布局，为什么要为可打印版本添加指向单独页面的链接

---

如果你必须控制页面上的位置，那么你唯一合适的选择就是生成一个pdf。

如果你不能用css实现你想要的布局，为什么要为一个可打印的版本添加一个指向单独页面的链接呢

---

如果您必须控制页面的位置，那么您唯一合适的选择就是生成pdf。

问题是[AFAIK]我无法显示打印纸上显示的元素，而这些元素不是以pdf格式打印的，并且无法让用户打印pdf，它将生成并返回到本地机器，以便在本地打印机上打印。若我返回一个HTML，我至少可以像打印一样显示它，这样他们在屏幕上看到的和在纸上看到的完全一样。。。或者我不返回任何东西，我只是使用自定义CSS打印到纸上。我想知道如何使用CSS在纸上实现绝对定位。@Bob我在这方面的实践经验并没有达到那么深，但在定位元素时，应该可以指定厘米/英寸的测量值：左：1.5cm；顶部：9厘米。您可以试试看浏览器是如何利用它的。@BobTheBuilder让我知道它是如何工作的。不过，你仍然需要处理的是，浏览器会在顶部和底部添加自己的内容，在计算位置时很可能不会考虑到这一点。是的，你可以在浏览器中关闭它们。这不是什么大头痛。我想知道我是否可以用JavaScript删除这些代码，但还没有到那个程度。我现在唯一遇到的问题是打印机的边距似乎固定在0.5cm，并且似乎无法更改。@Bob我很确定您不能通过JS影响浏览器标题。至于页边空白，你确定那是浏览器而不是打印机吗？应该可以忽略页边距进行打印，但这可能取决于驱动程序。问题是[AFAIK]我无法显示打印纸上显示的元素，这些元素不是以PDF格式打印的，要让用户打印PDF，它将生成并返回到本地机器，以便在本地打印机上打印。若我返回一个HTML，我至少可以像打印一样显示它，这样他们在屏幕上看到的和在纸上看到的完全一样。。。或者我不返回任何东西，我只是使用自定义CSS打印到纸上。我想知道如何使用CSS在纸上实现绝对定位。@Bob我在这方面的实践经验并没有达到那么深，但在定位元素时，应该可以指定厘米/英寸的测量值：左：1.5cm；顶部：9厘米。您可以试试看浏览器是如何利用它的。@BobTheBuilder让我知道它是如何工作的。不过，你仍然需要处理的是，浏览器会在顶部和底部添加自己的内容，并且在计算pos时很可能不会考虑到这一点

---

是的，你可以在浏览器中关闭它们。这不是什么大头痛。我想知道我是否可以用JavaScript删除这些代码，但还没有到那个程度。我现在唯一遇到的问题是打印机的边距似乎固定在0.5cm，并且似乎无法更改。@Bob我很确定您不能通过JS影响浏览器标题。至于页边空白，你确定那是浏览器而不是打印机吗？可以忽略页边距进行打印，但这可能取决于驱动程序。