javascript - 分割一个div元素

Question

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

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

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

Answer 1

有点奇怪，你的问题。

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

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