划分div元素

Question

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

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

如果div的高度为1600px，则应将其拆分为4个。前3个，每个高度为500px，最后一个高度为100px。

Answer 1

有点奇怪，你的问题。

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

你可以使用javascript动态轮询div的大小，然后创建额外的div并将它们追加到后面，然后（我猜）将你的内容分成div（通过一些hacky经验法则） ），但是如果你要去那种长度，为什么不提前在服务器上做呢？特别是在客户端，你必须等待浏览器第一次完成渲染才能计算高度（我想象），所以可能会有一些非常不美观的效果。

Answer 2

div不能分成单独的部分。它可以设计成具有一定的高度和宽度。

Answer 3

您可以设置一些内容来轮询元素的高度，然后在包含div中添加或删除500px div。

以下是如何获取将每5秒继续检查的div高度的示例：

<script type="text/javascript">
    function checkDiv() {
        alert(document.getElementById('FormBody').offsetHeight);
        setTimeout(checkDiv, 5000);
    }
    setTimeout(checkDiv, 5000);
</script>

下一步是在'FormBody'上调用appendChild，使用DOM添加一个新的div。