- c - 在位数组中找到第一个零
- linux - Unix 显示有关匹配两种模式之一的文件的信息
- 正则表达式替换多个文件
- linux - 隐藏来自 xtrace 的命令
在打印模式下,我想呈现这样一个链接:
<a href="#targetPage">link</a>
像这样:
<a href="#targetPage">link (page 11)</a>
(假设目标页面在打印预览中的第11页)。
可以使用纯 CSS 向页脚添加使用计数器的页码,但我可以以更“我想要的方式”的方式使用它吗?
解决方案不需要跨浏览器(FF/Chrome 就足够了),任何 CSS/Javascript 技巧都是允许的。
最佳答案
正如我在我的博文“Printing web pages”中所写,打印网页处于令人遗憾的状态。
除非您只打印(一列)文本而没有图像和表格,否则已经很难得到至少在某种程度上类似于屏幕内容的打印输出(是的,我在这里夸大了但不多)。
目前最好的打印浏览器仍然是十年前的 Opera。所有其他浏览器或多或少都很糟糕。
CSS 可以提供很多帮助,但没有浏览器实现必要的部分。参见 Target counters in the Generated Content for Paged Media module - 这将完全满足您的需求。
好的,在解决了这些问题之后,这里有一些您需要解决的障碍:
一旦您开始向现有链接添加测试,页码就会开始变化。因此,如果您编写“blabla(第 12 页)”,那么一旦您到达那里,它可能会出现第 13 页。
为了能够知道哪个页面上有什么内容,您必须自己将网页拆分为多个页面。如果您主要是文本,这并不难:只需在每页创建一个 div
,确保浏览器不会在分页符上打印它(祝您好运:-( ) 和然后将 DOM 元素移动到 div
中,直到它们适合页面......如果你能找出页面大小是多少。
为避免移动问题,将“(第 #0000 页)”添加到所有链接以确保它们占用足够的空间。稍后,它们将被更短的文本替换,因此具有大量链接的页面底部可能会有一些空白,但这比替代方案要好。
你应该能够在短短六个月左右的时间内编写出类似的东西(并调试它)......
这就是为什么每个人都在服务器上使用可以生成 HTML 和 PDF 输出的呈现引擎。 PDF 允许您精确控制页面布局。你只需要找到一个支持文本引用的渲染引擎。我建议 LaTeX ;它有点笨拙,但可以完成工作。
关于javascript - 如何自动为HTML页面的所有内部链接添加页码?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12162448/
这是我的测试用例。 http://tobeythorn.com/isi/dummy2.svg http://tobeythorn.com/isi/isitest.html 如果我自己打开 svg,内部
这是我的测试用例。 http://tobeythorn.com/isi/dummy2.svg http://tobeythorn.com/isi/isitest.html 如果我自己打开 svg,内部
我正在尝试做类似的事情: SELECT SUM( CASE WHEN ( AND EXISTS(SELECT 1
我想问如何在外部 ng-repeat 内部正确使用内部 ng-repeat: 这意味着你想使用这样的东西: {{milestone.id}} {{
我希望在 wordpress 的仪表板内编辑 css 样式并且如果可能的话不必编辑 php 文件。 我知道至少可以编辑一些属性,所以我希望我可以直接在仪表板中编辑所有属性。 更具体地说如何更改自定义类
我在安装在 windows10 上的 vmware 中的 Ubuntu 上安装了伪分布式独立 hadoop 版本。 我从网上下载了一个文件,复制到ubuntu本地目录/lab/data 我在 ubun
我有一个如下所示的 WHERE 语句: WHERE ((@Value1 IS NULL AND [value1_id] IS NULL) OR [value1_id] = ISNULL(@Va
我有一个如下所示的 WHERE 语句: WHERE ((@Value1 IS NULL AND [value1_id] IS NULL) OR [value1_id] = ISNULL(@Va
在我的一些测试帮助程序代码中,我有一个名为 FakeDbSet(Of T) 的 IDbSet(Of T) 实现,它模拟了许多 EF 行为,但没有实际的数据库。我将类声明为 Friend ,因为我想强制
我正在寻找 Cassandra/CQL 的常见 SQL 习语 INSERT INTO ... SELECT ... FROM ... 的表亲。并且一直无法找到任何以编程方式或在 CQL 中执行此类操作
如何防止内部 while 循环无限运行?问题是,如果没有外部 while 循环,内部循环将毫无问题地运行。我知道它必须对外循环执行某些操作,但我无法弄清楚是什么导致了问题。 import java.u
我正在努力学习更多有关 C++ 的知识,但在国际象棋程序中遇到了一些代码,需要帮助才能理解。我有一个 union ,例如: union b_union { Bitboard b; st
这是我项目网页中的代码片段。这里我想显示用户选择的类别,然后想显示属于该类别的主题。在那里,用户可以拥有多个类别,这没有问题。我可以在第一个 while 循环中打印所有这些类别。问题是当我尝试打印主题
我想知道如何在 swing 中显示内部框架。这意味着,当需要 JFrame 时,通常我所做的是, new MyJFrame().setVisible(true); 假设之前的表单也应该显示。当显示这个
我最近发现了一些有趣的行为,这让我想知道对象如何知道存在哪些全局变量。例如,假设我有一个文件“test.py”: globalVar = 1 toDelete = 2 class Test(objec
我知道它已经在这里得到回答: google maps drag and drop objects into google maps from outside the Map ,但这并不完全是我所需要的
我目前正在学习Javascript DOM和innerHTML,发现在理解innerHTML方面存在一些问题。 这是我的代码:http://jsfiddle.net/hphchan/bfjx1w70/
我构建了一个布局如下的库: lib/ private_class_impl.cc private_class_decl.h public_class_impl.cc include/
我有一个使用 bootstrap 3 的组合 wordpress 网站。它基本上是一个图像网格。当屏幕展开时,它会从三列变为四列。移动时它是一列。 我想出了如何调整图像的顶部和底部边距,但我希望图像的
我正在试用 MSP-EXP430G2 的教程程序,使用 Code Composer Studio 使 LED 闪烁。最初,它有一个闪烁的无限循环: for(;;) // This emp
我是一名优秀的程序员,十分优秀!