javascript - 如何实现类似于打印分页的div break?

标签 javascript css typescript

我有一种情况,我必须将文本内容从一个 div 拆分到另一个固定高度,以防达到最大高度 JavaScript 或 css 中是否有一个简单的功能来实现它。

我已经通过计算每个列表项的内部高度部分地实现了它。但这是不可行的,因为如果大小太大而在当前 div 上留下空白空间,它将整个列表项移动到下一个 div。

*英文字母 *定义 *吉 *Jklmnopjjskxnxkxnxbxxnxjjxxn Bjjskskdjdjdjjdk Hdusisjsj *Jdkkdoerkdnd

最佳答案

您需要的是“CSS Regions ”,但它仍然有 poor support跨浏览器。

你可以试试polifill但我不确定它是否会像您提到的那样破坏区域之间的列表项。

UPD 或者可能是 CSS Mutlicolumn Layout对你来说可能足够了,因为它有 better support至于现在

关于javascript - 如何实现类似于打印分页的div break?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48892993/

相关文章:

javascript - 开发 VSCode 扩展时获取当前事件文件的目录

javascript - 包含将发布到 npm 的 js 包的 Typescript 类型的正确方法是什么?

php - 如何将时间选择器添加到jquery jtable?

javascript - 如何连接复选框和单选按钮

javascript - 未知脚本正在运行并在点击时重定向到未知网站

html - 将字符串从 html 转换为列表

javascript - 下面的 setTimeout 中的匿名函数中的 "this"的值是多少?

JavaScript 数据未附加到数组

javascript - IntelliJ 不支持 Bootstrap CSS 类自动完成

typescript - 操作 <select> 元素时,测试脚本执行在 Firefox 和 Chrome 中的行为有所不同