css-paged-media相关内容

分页媒体中的运行页脚元素(页脚)只出现在最后一页

我正在处理一个分页的css,页脚位于页边距框内。一切都几乎和预期一样,直到图形设计师要求我将页脚的一部分设置为粗体,并且我不能再使用Content:“Text”作为页脚。 我已经决定使用Content:Element(Footer),并在动态创建的html页面的末尾添加了页脚,但它只显示在最后一页上。我已经搜索过了,但似乎每个人都有相反的问题(他们只想在最后一页上使用它,并在所有页面上都有) ..
发布时间:2022-04-19 21:55:53 前端开发

浏览器对 CSS 页码的支持

所以我知道这个选项:使用 CSS/HTML 的页码. 到目前为止,这似乎是将页码添加到页面打印版本的最佳方式,但我无法在任何地方使用此方法的任何变体.我已经在我的 Windows 7 机器上尝试过 Chrome、Firefox 和 IE9.根据一些链接,看起来这可能在更多专有软件(如 Prince XML)中得到支持.打印版本的网络浏览器是否支持此功能? 我试过只制作一个空白的 htm ..
发布时间:2021-12-27 23:55:39 前端开发

如何为目标计数器设置计数器

在分页媒体中,CSS属性a::after { content: "see section " target-counters(attr(href, url), section, ".") } 应该会输出类似(see section 1.3.5)的内容. 我将如何设置section计数器? 解决方案 从生成内容模块(也适用于非分页内容): 从某种意义上说,计数器是“自我嵌套 ..
发布时间:2020-07-20 20:00:22 前端开发

分页的媒体模块是否已被放弃?

我已经按照这篇文章中的步骤进行操作安排我的页面进行打印.但是,似乎只有两件事确实有效.即使这是被悄悄放弃还是弃用了? 我非常确定它是正确的,但是无论如何我都会在这里发布CSS供参考: @page { @bottom-right { content: "..."; } } 内容在任何地方都不会显示. 解决方案 该文章链接的WD是从2013年开始的.尽管如此 ..
发布时间:2020-07-20 20:00:20 前端开发

使用css在打印模式下每页的页眉和页脚

我有一个Web应用程序,它的报告可能超过一页,我想在每页中打印一个页眉和页脚. 我发现并尝试这样做: 在每个页面中重复报告标题 但这对我不起作用.我尝试用Opera,IE9,Firefox,Google Chrome浏览器,但是……什么都没有. 解决方案 您可以设置position: fixed;页眉和页脚,以便在每个页面上重复显示 例如 ..
发布时间:2020-07-20 19:59:17 其他开发

CSS分页媒体:最后一页选择器

我需要知道是否可以使用:last选择器修改最后一页上的内容. 我不确定它是否存在,我是否看到它正在其他stackoverflow答案中使用,例如:文档中找不到它,并且当我无法使用时尝试使用它. 我正在尝试清除最后一页页脚中的内容,如下所示: @page { @bottom-right { content: "Please turn over ..
发布时间:2020-07-19 04:39:57 前端开发

html分页和'分页媒体'

是否有一种方法可以使用 CSS '分页媒体'功能创建分页内容(水平/垂直显示分隔页面)? CSS分页媒体特性用于描述显示的时间某些形式的分页必须发生(通常当网页被打印到不同的纸上时)。 它们不能用于将内容分成多个部分,生成它们之间的链接。 ..
发布时间:2018-06-25 13:36:09 前端开发

如何使用wkhtmltopdf在页眉/页脚htmls页面编号?

我正在开发一个电子发票系统,我们的一个特点是生成发票的PDF并邮寄。我们有多个发票模板,并且会在以后创建,所以我们决定使用HTML模板,生成HTML文档,然后将其转换为PDF。但是我们遇到了wkhtmltopdf的一个问题,就我所知(我已经在Google上找到解决方案的日子),我们不能简单地使用HTML作为页眉/页脚,并在其中显示页码。 在错误报告(或类似报告)中( http ://code ..
发布时间:2017-01-19 03:30:19 前端开发

浏览器支持CSS页面编号

所以我知道这个选项:带有CSS / HTML的页码。 到目前为止,似乎是在页面的打印版本中添加页码的最好方法,但我无法得到任何变化的工作任何地方。我试过在我的Windows 7机器在Chrome,Firefox和IE9。基于一些链接,它看起来像更多的专有软件,如Prince XML支持。 我已经尝试只做一个空白的html文件,并在头部添加两个样式标签之间: @page { @ ..
发布时间:2017-01-18 12:33:23 前端开发