gpt4 book ai didi

javascript - 填字游戏的 HTML 布局

转载 作者:太空狗 更新时间:2023-10-29 14:21:35 24 4
gpt4 key购买 nike

我正在格式化网页以显示填字游戏。我想让它以类似于它在报纸上出现的格式显示,以便于打印。类似于以下内容:

Crossword Layout

我们的想法是,我们正在处理一个线索列表,每一列都溢出到下一列,并且优化了列的高度,以便第一个命中填字游戏的底部(大框)和其他三个高度大致相同。

有没有办法用 CSS 和 HTML 做到这一点?我有点怀疑没有。 JavaScript 是正确的选择吗?谢谢!


编辑添加:

使用 -moz-column-width 和 -moz-column-gap 我能够得到这个改进的布局:

Improved Layout

关于如何让填字游戏向上移动并让线索围绕它流动,有什么想法吗?谢谢!


进一步编辑添加:

我尝试 float 网格 div,它只是将自己放在文本之上,实际上并没有将文本推开。不知道如何改变它。这是它的样子:

Floating Grid

我确实尝试过将线索向左浮动,将它们全部排在页面左侧的一列中。无论我 float 单个列表项还是整个有序列表,都会发生这种情况。对我错过的事情有什么想法吗?感谢您的帮助!

最佳答案

参见 Newspaper-column in CSS ;您可以简单地将填字游戏本身定位为 float 。

关于javascript - 填字游戏的 HTML 布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5253634/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com