javascript - 分割一个div元素

标签 javascript css

有没有一种方法可以使用 JavaScriptCSS 将一个 div 分成多个部分。我有一个很长的 div,里面有内容。我需要根据一定的高度拆分 div,并将每个分区显示为一个单独的 block 。实现这一目标的最简单方法是什么?

假设主div的高度是1500px。我需要将 div 分成 3 个部分,每个部分的高度为 500 像素。

如果div的高度是1600px,应该拆分成4 block 。前 3 个高度均为 500px,最后一个高度为 100px。

最佳答案

有点奇怪,你的问题。

如果不是您的代码,是什么决定了 div 的原始高度?内容的大小?

可以使用 javascript 动态轮询您的 div 的大小,然后创建额外的 div 并将它们附加到后面,然后(我假设)将您的内容拆分到 div 中(通过一些老掉牙的经验法则),但如果您打算做那种事,为什么不提前在服务器上做呢?特别是在客户端上,您必须等待浏览器第一次完成渲染才能计算高度(我想),因此可能会有一些非常不美观的效果。

关于javascript - 分割一个div元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1030651/

相关文章:

javascript - 将 DataURL 保存为 jpg

Javascript 变量未定义但警报输出变量

html - 制作框阴影并使文本更接近文本

html - 如何在 HTML 中使用代码块

javascript - 为什么自定义单选按钮没有被禁用?

javascript - HTML5 : input type duration

javascript - Javascript 对象的构造函数

javascript - 在draggable + jquery ui中用内部元素画线

css - 联系表 : struggling with send button width. 谁能帮我?

css - IE 仅在光标指向文本时滚动