2009-06-23 90 views
0

有没有办法削减使用的JavaScriptCSS一个div成片的数量。我有一个很长的div内容。我需要根据一定的高度来分割div,并将每个分区显示为一个单独的块。什么是最简单的方法来实现这一点?把一个div元素

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

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

+0

请发布有问题的div的代码,并链接到我们可以看到它的页面。 – 2009-06-23 04:39:52

回答

-1

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

下面是如何获得的股利,将继续每隔5秒钟检查的高度的例子:

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

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

0

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

+0

我该如何应用这种风格?我已经完成了使用剪辑属性。还有其他的选择吗? – rahul 2009-06-23 06:21:33

+0

你可以使用style =“height:200px; width:200px; overflow:hidden;” – 2009-06-23 08:35:04

1

有点奇怪,你的问题。

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

可以使用JavaScript动态查询您的div的大小,然后创建额外的div和追加在他们身后,然后(我相信)分手了整个div的内容(由一些经验哈克规则),但如果你会去那么长的时间,为什么不提前在服务器上做呢?特别是在客户端,您必须等待浏览器第一次完成渲染才能计算高度(我想象),因此可能会有一些非常不理想的效果。