目录与html中的页码

时间:2013-12-02 10:53:14

标签: html css css3 printing

我需要创建目录,以便打印一个大的html页面。
我发现的唯一选择是CSS3,它目前在浏览器中不起作用(我在FireFox中尝试过,并且知道Web Kit也不支持它)。这是link。 Html代码:

<a class="pageref" href="#figure">see the figure</a>

CSS3代码:

a.pageref::after { 
  content: " on page " target-counter(attr(href), page) 
}

还有其他办法吗?我可以在FireFox中使用它的方式?因为我发现解决方案是css3的w3草案,据我所知,浏览器还没有支持它。

1 个答案:

答案 0 :(得分:2)

我认为这很简单:

a.pageref{
    counter-reset: pagecounter;
}

a.pageref:before {
    content: " on page " counter(pagecounter);
    counter-increment: pagecounter;
}

Link here