Crossword Puzzle için HTML düzeni

Question

Bir bulmaca görüntülemek için bir web sayfası biçimlendiriyorum. Yazdırmayı kolaylaştırmak için bir gazetede nasıl göründüğüne benzer bir biçimde görüntülenmesini isterim. Aşağıdaki gibi bir şey:

orada biz çalışıyoruz ipuçlarından biri listesiyle birlikte her sütun sonraki taşar ve sütunların yükseklikleri optimize edildiğini olmak fikri böylece ilk hit en Bulmacaın alt kısmı (büyük kutu) ve diğer üçü yaklaşık aynı yüksekliktedir.

CSS ve HTML ile bunu yapmanın bir yolu var mı? Orada olmadığından şüpheleniyorum. JavaScript gitmek için yol mu? Teşekkürler!

---

eklemek için düzenlenebilir:

-moz sütunluk genişliği ve bu iyileştirilmiş bir düzende elde edebilmek olduğum -moz sütunluk boşluk kullanma:

Herhangi Bulmacaları nasıl yukarı taşıyabileceğimi ve ipuçlarını nasıl değiştirebileceğine dair düşüncelerimi? Teşekkürler!

---

DAHA EKLEMEK EDITED:

Ben ızgara div yüzen çalıştı ve sadece metnin üstünde kendini bırakır, aslında yoldan metnini itmek değil. Bunu nasıl değiştireceğimi bilmiyorum. İşte neye benzediği:

Ben sayfanın sol taraftaki tek bir sütunda hepsini dizilmiş sola, ipuçları yüzen çalıştım. Bu, bireysel liste öğelerini mi yoksa tüm sıralı listeyi mi gösterdim? Kaçırdığım bir şey hakkında bir fikrin var mı? Yardımların için teşekkür ederim!

Answer 1

Çözümüm, sütunları doldurmak ve uygun değilse metni yeniden boyutlandırmak için bazı JavaScript kodlarını kullanmaktı. En zarif çözüm değil, ama işe yaradı.

Answer 2

Newspaper-column in CSS bakınız; Bulmaca kelimesini bir şamandıra olarak konumlandırabilirsiniz.

Answer 3

Elinizde olanı kullanın. Bulmaca kutusundaki konumu göreceli olarak ayarlayın ve yukarı taşıyın. Açıkçası senin kaynağını göremiyorum ama istediğin şeyi yapması gereken küçük bir düzeltmeyle. Metni sola kaydırmanız da gerekebilir.