2009-06-23 131 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的內容(由一些經驗哈克規則),但如果你會去那麼長的時間,爲什麼不提前在服務器上做呢?特別是在客戶端,您必須等待瀏覽器第一次完成渲染才能計算高度(我想象),因此可能會有一些非常不理想的效果。