HTML 和 CSS 简单填字游戏

标签 html css

我正在尝试设计自己的网站,我想做一个简单的填字游戏来展示一些关于我的事情。就像,每一行都是一个不同的词,但是“中间”列拼出了另一个词。这是我想做的基本上的图像: Crossword

这些词是我预先定义的。
我想知道仅使用 HTML 和 CSS 来执行此操作的最简单方法。我想过使用表格,但要使每一行根据单词移动,每一行都必须是不同的表格。
我没有使用图片然后将其放在网站上,因为我想要它,所以每次用户将鼠标悬停在每个单词上时,它都会在右侧/左侧显示它的含义/描述。
如果有帮助,我愿意使用 Bootstrap。

有什么想法吗?

最佳答案

我们从什么时候开始使用表格进行布局的?只需添加 5 个应用了 margin-left 的 div,然后设置 nth-child 的样式。这样,您甚至可以根据需要为其添加动画。

关于HTML 和 CSS 简单填字游戏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38730965/

相关文章:

jquery - 溢出 : hidden messing up nav-tabs

javascript - 如果单击下一个按钮,如何验证我的表单

css - 如何使页眉和页脚 div 之间的内容居中?

javascript - 在div中添加关闭按钮以关闭框

css - Jquery 导航 - 折叠/展开

html - 到目前为止我发现闪烁的文字不起作用

javascript - 在现有网站上创建/嵌入博客

html - 为什么我有时需要使用 CSS 硬件加速来防止文本闪烁?

javascript - Bootstrap 3.3.4 单个图像不显示在 768 像素以下

css - 如何在输入文本字段内移动文本?