Javascript 用'拆分太长的单词-'；性格

我正在测试一些html和css的东西，我有一个问题

我有一些div相邻浮动，宽度为15%，当我键入长单词时，它们会重叠。 我通过使用

wordwrap:break-word

找到了一个解决方案

但是：我觉得拆分一个没有破折号（-）的单词有点奇怪

所以，现在，我的div看起来像这样：

<style>
    .floating-div{
       margin: 1px;
       float: left;
       padding: 1%;
       word-wrap: break-word;
    }
</style>

<div class="floating-div">
      <p>Hexakosioihexekontahexaphobia</p> <!--Just a random long word-->
</div>


|---------------|
|hexakosioihexe |
|kontahexaphobia|
|               |
|---------------|

这是不完全由你可以使用催眠，这是添加在css

试试这个

width="auto"; // in css 

因此，它根据div中的单词覆盖div的大小。

---

希望这对英语和其他许多语言都有帮助，不加连字符就打断一个单词是完全错误的。在任意点打断单词也是错误的，这就是

wordwrap:break-word

所做的

要正确地打断英语中的一个单词，需要使用连字符。目前有几种方法和许多存在的问题。但是在这种情况下，由于这个词是一个虚构的词，你不能期望它被自动断字器正确地断字。他们可能是偶然的，或者是因为他们应用了适合这种情况的算法。但唯一真正安全的方法是手动添加断字提示，使用字符，例如

Hexakosioihexe­kontahexaphobia

由您决定允许的断点。我可能会使用

Hexa­kosioih­exe­konta­hexa­phobia

---

不需要JavaScript，但也可以使用客户端JavaScript来完成，该JavaScript处理文档文本，并使用简单的替换表将单词替换为其“连字符”版本（即版本软连字符）。这对于保持源代码的可读性或在同一个单词多次出现时简化操作非常有用。

Off：这个单词是新伯利恒专辑的标题。还有js解决方案：。顺便说一句，这个博客曾经帮助过我：

Hexakosioihexe­kontahexaphobia

Hexa­kosioih­exe­konta­hexa­phobia