填字游戏的HTML布局
J. *_*ein 7 html javascript css
我正在格式化网页以显示填字游戏.我希望它的显示格式类似于它在报纸上的显示方式,以便于打印.类似于以下内容:
我们的想法是有一个我们正在处理的线索列表,每列溢出到下一个列,并且列的高度被优化,以便第一个点击填字游戏的底部(大盒子)和其他三个大致相同的高度.
有没有办法用CSS和HTML做到这一点？我有点怀疑没有.JavaScript是否可行？谢谢!
编辑添加:
使用-moz-column-width和-moz-column-gap我可以获得这种改进的布局:
关于如何让填字游戏向上移动并且有线索流动的任何想法？谢谢!
进一步编辑添加:
我尝试浮动网格div,它只是放在文本的顶部,它实际上并没有将文本推出.不知道如何改变它.这是它的样子:
我确实尝试将线索浮动到左侧,将它们排列在页面左侧的一列中.无论我是浮动单个列表项还是整个有序列表,都会发生这种情况.对我错过的东西的任何想法？感谢你的帮助!