填字遊戲的HTML佈局

Question

我在格式化網頁以顯示填字遊戲。我希望以與報紙中的顯示格式類似的格式顯示，以便於打印。像下面這樣：

的想法是有，我們正在與線索的一個列表，每一列溢出到下一個和列的高度進行了優化，使得第一命中在填字遊戲的底部（大方塊）和其他三個高度大致相同。

有沒有辦法用CSS和HTML做到這一點？我有點懷疑沒有。 JavaScript是要走的路嗎？謝謝！

---

編輯補充：

使用-moz-列寬和-moz-柱間隙我能夠得到這個改進的佈局：

任何關於如何讓填字遊戲向上移動並讓線索流動的想法？謝謝！

---

進一步編輯補充：

我試圖浮動電網格，它只是奠定了自己在文本的頂部，它實際上並沒有推文的方式進行。不知道如何改變這一點。這裏是什麼樣子：

我曾嘗試浮動的線索到左邊，裏面襯他們都在單一列在頁面的左側。無論我是將單個列表項目還是整個有序列表都浮動，都會發生這種情況。對我錯過的東西有任何想法？感謝你的幫助！

Answer 1

我的解決方案是使用一些JavaScript代碼來填充列和調整文本的大小，如果它不適合。不是最優雅的解決方案，但它的工作。

Answer 2

參見Newspaper-column in CSS;您可以簡單地將填字遊戲本身定位爲浮動。

Answer 3

使用你擁有的。將縱橫字謎框上的位置設置爲相對位置並向上移動。我顯然看不到你的消息來源，只是稍微調整一下，應該讓它做你想做的事情。您可能還需要將文本浮動到左側。