javascript - 停止使用Javascript在hangman游戏中包装字母

我使用JavaScript制作了a子手游戏。它以您期望的方式工作，用正确的字母替换代表字母的空白“ _”。问题是较大的答案可以在较小的屏幕上自动换行，这很好，我想要什么，但是我希望在不适合的情况下自动换行，但目前只换了单个字母。

例如，类似“ Tropic Thunder”的出现如下：

“热带图恩

der”

而不是我想要的是：

“热带

雷”

如果该单词不合适，那么我希望整个单词都可以自动换行并放下，而不仅仅是不适合的字母。

我认为我的JavaScript代码无法将不同的单词与同一个答案区分开。

出于某种原因，此文本框未将我的所有代码放入一个块中，因此为了使内容更易于阅读，这是指向我在github中的代码的链接：

HTML：

https://raw.githubusercontent.com/kaw31/hangman/master/hangman.html

CSS ：（我已经注释掉了先前版本中的一些代码，因此请忽略它）；

https://raw.githubusercontent.com/kaw31/hangman/master/css/style.css

JavaScript：

https://raw.githubusercontent.com/kaw31/hangman/master/js/script.js

任何帮助深表感谢。

最佳答案

看起来您的代码为答案的每个字符（在<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>元素在CSS中（在inline-block处）显示为#my-word li。将CSS display属性设置为inline，单词将按您期望的那样断开。

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