【问题标题】:Footer on last printed page最后打印页的页脚
【发布时间】:2010-11-13 16:32:15
【问题描述】:

我有一个客户想要打印的网页,而我无法理解的部分是让页脚位于最后一个打印页面的底部,而不仅仅是在内容结束时

我尝试了类似的东西

 #printfooter{display: block; position:fixed; bottom: 0;}

但它会在每页的末尾显示页脚。

也许我对 CSS 的要求太高了...可行吗?

我想我应该对
的 (^_^) 发疯了

【问题讨论】:

  • 我使用相同的 css,但 css 仅适用于 firefox。你有同样的问题吗?

标签: css printing footer


【解决方案1】:

尝试将正文相对定位和页脚绝对定位:

body {
    position: relative;
}
#printfooter {
    position: absolute;
    bottom: 0;
}

有了CSS 3 Paged Media module,你可以使用这样的东西:

@page:last {
    @bottom-center {
        content: "…";
    }
}

【讨论】:

  • 是的! ...但是不...第一个适合一页,但不适用于两个... CSS3 可能不会在客户端的客户端浏览器上得到支持(就像 CSS3 一样酷)。谢谢,但是!
  • 第一个例子的问题是body需要是纸张高度的倍数。否则,页脚将仅位于内容的末尾,而不是工作表的末尾。
  • 我在您链接的 CSS 规范中没有看到任何提及 :last 伪类的内容。这不是一个有效的伪类。
  • 我最终只是将 元素更改为常规的 。并设置为页脚。 .footer 现在结束在最后打印的页面上(即表格结束的地方)
猜你喜欢
  • 1970-01-01
  • 2015-02-11
  • 1970-01-01
  • 2017-05-20
  • 2016-01-31
  • 2014-06-08
  • 1970-01-01
  • 2018-10-23
  • 1970-01-01
相关资源
最近更新 更多