为什么我们不能简单地将 CSS 页码添加到网页中？

浏览器对 CSS 页码的支持：一个有趣的困境

尽管看起来很简单，但在网页的打印版本中添加页码使用 CSS 带来了令人困惑的挑战。虽然@page和@bottom-right标签看起来很有前途，但事实证明它们在流行的网络浏览器中的实际实现是难以捉摸的。

为了解决这个问题，一位用户尝试在一个简单的HTML文件中实现以下代码:

@page {
  @bottom-right {
    content: "TEXT";
  }
}

但是，这导致没有可见的文本。在 Windows 7 上的 Chrome、Firefox 和 IE9 中，进一步尝试使用计数器和更复杂的内容也被证明是不成功的。

经过进一步调查，发现网络浏览器中的分页媒体支持仍处于起步阶段。根据布局引擎比较的维基百科页面，目前主流浏览器均不支持边距框。这一关键功能支持页面编号、页眉和页脚。

因此，实现 CSS 页码对于 Web 开发人员来说仍然是一个难以实现的目标。 PDF 转换是目前唯一可靠的解决方案，但它会产生额外的开销。浏览器缺乏对分页媒体的支持凸显了网络技术的不断发展以及突破其界限所面临的挑战。

以上是为什么我们不能简单地将 CSS 页码添加到网页中？的详细内容。更多信息请关注PHP中文网其他相关文章！