javascript - 使用 Javascript 停止在刽子手游戏中包装字母

我使用 JavaScript 制作了一个刽子手游戏。它的工作方式与您预期的一样，用正确的字母替换代表字母的空白“_”。问题是在较小的屏幕上较大的答案正在换行，这很好，也是我想要的，但如果它不适合，我希望整个单词换行，但目前，只有单个字母换行。

因此，例如“Tropic Thunder”之类的内容如下所示:

“热带图恩”

下”

而不是我想要的，这是:

"热带

雷声

如果单词不合适，那么我希望整个单词都环绕并放在下面，而不仅仅是不合适的字母。

我认为我的 JavaScript 代码无法区分来自相同答案的不同词。

出于某种原因，这个文本框没有将我所有的代码放入一个 block 中，所以为了让事情更容易阅读，这是我在 github 中的代码的链接:

HTML:

CSS:(我已经注释掉了以前版本中的一些代码，所以请忽略它)；

JavaScript:

非常感谢任何帮助。

最佳答案

看起来您的代码插入了一个新的 <li>将答案的每个字符添加到 DOM 中(在 guess = document.createElement('li') 处)。因此，标记将如下所示:

<li>f</li><li>o</li><li>o</li><li> </li><li>b</li><li>a</li><li>r</li>

然后，那些<li>元素显示为 inline-block在你的 CSS 中(位于 #my-word li )。将 CSS 显示属性设置为 inline相反，这些词会如您所料中断。

关于javascript - 使用 Javascript 停止在刽子手游戏中包装字母，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47163595/