代码之家  ›  专栏  ›  技术社区  ›  rahul

划分div元素

  •  0
  • rahul  · 技术社区  · 17 年前

    有没有办法用 JavaScript CSS . 我有一个很长的div,里面有东西。我需要将div按一定的高度拆分,并将每个分区显示为单独的块。最简单的方法是什么?

    假设主div的高度是1500px。我需要把div分成3块,每块高500像素。

    如果div的高度是1600px,它应该分成4个部分。前3个,每个高500px,最后一个高100px。

    3 回复  |  直到 17 年前
        1
  •  1
  •   Benjol    17 年前

    有点奇怪,你的问题。

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

    能够 使用javascript动态地轮询div的大小,然后创建额外的div并将其附加到后面,然后(我猜)在div中分割内容(根据一些老生常谈的经验法则),但是如果要达到这种长度,为什么不在服务器上提前进行呢?尤其是在客户机上,您必须等待浏览器第一次完成渲染才能计算高度(我想是这样),因此可能会有一些非常不美观的效果。

        2
  •  0
  •   Jeff Meatball Yang    17 年前

    一个div不能分割成几块。它可以被设计成具有一定的高度和宽度。

        3
  •  -1
  •   Relster    17 年前

    您可以设置一些东西来查询元素的高度,然后从包含的div中添加或移除500 px div。

    下面是一个如何获取div高度的示例,该高度将继续每5秒检查一次:

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

    下一步是调用'formbody'上的appendchild来使用dom添加一个新的div。