Html 图像卡在第2页-CSS打印

Html 图像卡在第2页-CSS打印,html,css,printing,Html,Css,Printing,我在.NET页面中添加了一个自定义控件,允许用户上传图片。 此控件有一个div元素,它作为应该打印的图像的父元素。控件位于HTML结构的底部附近,因此图像将打印在第二页上 然而,问题是,我希望图片打印在第1页上,但无论我做什么尝试,图片都不会到达那里。我试过绝对定位和浮动 现在该怎么办,该怎么办?:) 更新: HTML页面包含许多表单和内容,因此很难给出代码示例,但它基本上是这样的: <div class="col">Bunch of stuff</div> // Lef

我在.NET页面中添加了一个自定义控件,允许用户上传图片。 此控件有一个div元素,它作为应该打印的图像的父元素。控件位于HTML结构的底部附近,因此图像将打印在第二页上

然而,问题是,我希望图片打印在第1页上,但无论我做什么尝试,图片都不会到达那里。我试过绝对定位和浮动

现在该怎么办,该怎么办?:)

更新:

HTML页面包含许多表单和内容,因此很难给出代码示例,但它基本上是这样的:

<div class="col">Bunch of stuff</div> // Left column
<div class="col">Bunch of stuff + the image control</div> // Right column
一堆东西//左栏
一堆东西+图像控件//右列

打印时;使用float将列堆叠在一起,但我希望图像元素位于第一页的顶部,因为我无法找到解决此问题的方法,所以我最终重新构造了HTML,使“图像控件”位于顶部。然后我可以将控件定位在打印页面的顶部。

您能提供一些代码/示例吗?请注意,HTML不是一种页面描述语言,因此在每个浏览器上创建相同的结果是非常复杂的。@Zeta我编辑了这篇文章并添加了一个样本。我用另一种方法解决了这个问题。我将图像移动到HTML结构的顶部,并将其定位为绝对位置,因为另一种方式似乎是一个问题。