使用CSS的IText7 html2pdf固定页脚
C#.NET核心代码
string fullBody = System.IO.File.ReadAllText("index.html");
var stream = new MemoryStream();
var writer = new iText.Kernel.Pdf.PdfWriter(stream);
writer.SetCloseStream(false);
iText.Html2pdf.HtmlConverter.ConvertToPdf(fullBody , writer);
writer.Close();
stream.Seek(0, SeekOrigin.Begin);
HTML
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<div class="header">
<img src="header1.bmp" width="100%" />
<img src="header2.bmp" width="100%"/>
</div>
...
<div class="footer">
Fixed footer
</div>
</body>
</html>
CSS
.footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
text-align: center;
}
任何帮助都将不胜感激。
只是一个小注意-这个pdf将只有1页，所以一个硬编码的解决方案可能会被考虑。
共有1个答案
页脚属于页边距区域。@page媒体是正确的配置方式。CSSrunning元素功能可用于将元素放入所需位置，并将其排除在布局的其余部分之外。将HTML转换为基于页面的表示的主要工具都支持它。
下面是一个示例HTML：
<!DOCTYPE html>
<html>
<head>
<style>
#footer {
position: running(footer);
}
@page {
@bottom-center {
content: element(footer);
}
}
</style>
</head>
<body>
<p>Hello world</p>
<div id="footer">I am a footer</div>
</body>
</html>
结果如下所示：
-
问题内容： 我有一个非常基本的HTML页面。该代码如下所示： 通常，我的正文非常大。文本足够大，因此需要滚动条。看起来页脚位于文本顶部，而底部。然后，当我向下滚动时，页脚不会保持固定。我究竟做错了什么？ 谢谢 问题答案： 您需要在页脚中：
-
问题内容： 我最近一直在研究CSS布局，该布局将显示固定宽度（最小宽度，最好可扩展）的单个居中列，占据整个高度（减去页眉和页脚）。 有什么建议吗？我已经尝试过这里发布的几种方法，但是没有一种符合我的标准。另外，我不想为此使用JS，因此它必须是纯CSS。 我不是专家，所以我不知道采用哪种方法： 三列，每列的边距减去中心列宽度的一半再加上一个假的中心列，以拉伸到100％的高度？我有点不喜欢这个想法，因
-
all内包含left,right，其中因为left内容多，所以all整体是有上下滚动的滚动条的，怎么使right一直固定显示。
-
问题内容： 好的，我注意到了一些东西，但是在CSS规范中找不到。样式化元素将相对于浏览器视口绝对定位。如果将固定位置的元素放置在另一个元素内会怎样？CSS示例如下： 和HTML： 据我所知，该元素相对于其最近的父元素也是固定位置的。这在所有浏览器中都可以使用吗？另外，它是错误还是故意行为？ 到目前为止，我在互联网上没有找到关于此主题的任何内容，只是“固定位置使其固定在页面上”。 问题答案： 固定和
-
自定义的tabbar组件 css html tabbar 组件引入到 其他页面的时候 总是遮挡底部内容 这种问题怎么解决 能让页面内容高度auto 并且不被遮挡住
-
我正在纠结于应用程序的布局。我只想用HTML&CSS来实现它，但绝望正在逼近。我需要： 固定高度、100%宽度、静态标题 固定高度、100%宽度、静态页脚 固定宽度的内容区域，居中和全部剩余高度 内容区域需要： 两列，均为全高 上面的内容相当简单，但可能需要更改以适应下一部分。 每一列都需要： 静态标头 静态页脚 页眉和页脚之间的可滚动内容区域 我花了一天的时间尝试各种方法（甚至是基于--喘息--