列兩列打印div

Question

我有一個生成數據到網頁的PHP應用程序。用戶然後打印文檔。

數據分爲多個部分，每個部分是一個div。 div的寬度是固定的，但高度可以變化。我想打印的輸出是在兩列像這樣：

Page 1 
--------------------- 
| DIV 1 | DIV 4 | 
|---------|---------| 
| DIV 2 | DIV 5 | 
|   |---------| 
|---------| DIV 6 | 
| DIV 3 |   | 
|   |   | 
--------------------- 

Page 2 
--------------------- 
| DIV 7 | DIV 10 | 
|---------|---------| 
| DIV 8 | DIV 11 | 
|   |---------| 
|---------| DIV 12 | 
| DIV 9 |   | 
|   |   | 
--------------------- 

...and so on 

這是可以做到的，而不必硬編碼的結構？也許一些JavaScript/jQuery解決方案？

Answer 1

你不能保證使用HTML/CSS，它將在所有情況下都能正確打印，而且你肯定不希望爲了確保正確的打印（已經做到了這一點）而使用javascript的路徑。

您最好打賭是使用庫如iTextSharp動態創建PDF。

Answer 2

如果你能在純CSS佈局這個頁面，這將是您的解決方案：

http://www.webcredible.co.uk/user-friendly-resources/css/print-stylesheet.shtml

瀏覽器將用於打印定義樣式表，當打印頁面。

Answer 3

還有一個叫做Columnizer的jquery插件，我以前用過這個插件很好，我認爲它是做你想做的。