html - 如何在 HTML 页面中引入软分页符?

标签 html css xslt

我正在编写一个 XSL 脚本来解析遵循相同结构的各种 XML。目标是解析 XML 并将它们转换为 HTML 页面。对于冗长的 XML,我想要一个分页的 HTML 页面(即解析后的 H​​TML 文本应该出现在不同的 div 中,其中每个 div 代表一个页面)。如果当前 div 已满或当前 block 级元素太大而无法放入当前页面,内容应该移动到下一个 div

问题是因为输出是动态的,我不知道什么时候会发生分页,但我知道每个页面的尺寸 (div)。还有一个更大的限制是出于性能原因,我需要一个非 Javascript 解决方案来解决这个问题。

我考虑过使用 CSS 区域,但浏览器对它们的支持很差,任何人都可以建议我一个解决方案或至少为我指明正确的方向以继续进行吗?

最佳答案

除了 CSS 区域,没有当前 仅 CSS 的解决方案。一个 div 内的内容不能流向另一个 div。

CSS3 多列布局对您的情况有帮助吗,它有更好的支持(http://caniuse.com/#search=column)

关于html - 如何在 HTML 页面中引入软分页符?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20047732/

相关文章:

html - 推特 Bootstrap : Input fields taking up too much space when page size is reduced

javascript - Java EE 应用程序的 UI 技术

html - 如何强制 webpack 将纯 CSS 代码放入 HTML head 的样式标签中?

javascript - <a> 标签将 href 附加到当前 url 而不是直接链接到 href 内部的内容

javascript - 宽度动态 div 容器

Css 缩放对屏幕调整大小的影响

html - 由图像组成的导航栏

mysql - 使用 XSLT 将 RSS pubDate 转换为 mySQL 时间戳格式

java - 跨子节点移动元素

javascript - 单击下拉菜单时不起作用