我正在尝试设计自己的网站,我想做一个简单的填字游戏来展示一些关于我的事情。就像,每一行都是一个不同的词,但是“中间”列拼出了另一个词。这是我想做的基本上的图像:
这些词是我预先定义的。
我想知道仅使用 HTML 和 CSS 来执行此操作的最简单方法。我想过使用表格,但要使每一行根据单词移动,每一行都必须是不同的表格。
我没有使用图片然后将其放在网站上,因为我想要它,所以每次用户将鼠标悬停在每个单词上时,它都会在右侧/左侧显示它的含义/描述。
如果有帮助,我愿意使用 Bootstrap。
有什么想法吗?
最佳答案
我们从什么时候开始使用表格进行布局的?只需添加 5 个应用了 margin-left 的 div,然后设置 nth-child
的样式。这样,您甚至可以根据需要为其添加动画。
关于HTML 和 CSS 简单填字游戏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38730965/