换行：break-word与宽度:100%相结合无法处理非常长的单词

Question

在这个 https://jsfiddle.net/0h1wbju0/ fiddle 中，为什么我的 word-wrap: break-word 和 width: 100% 没有被遵守，长单词没有被分成多行以适应其父 div？谢谢！

HTML：

    <div class="first_div">
        <fieldset class="fieldset_description"><label>Description</label>
            <div data-id="description"> fdsjalllffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff</div>
        </fieldset>
    </div>

CSS：

.first_div {
  width: 200px;
}

.fieldset_description {
  max-width: 100%;
  word-wrap: break-word;
}

.description {
  max-width: 100%;
  word-wrap: break-word;
}

- Bryan

---

word-break: break-word - CBroe

@CBroe 你是指 word-break: break-all 吗？ - Marcelo

你说得对，我实现了链接问题中概述的修复方法，解决了我的问题。谢谢！ - Bryan

我必须提醒 @CBroe 和 @Bryan，word-break: break-word 在 Chrome 上可以工作，但在 Firefox 上不行。 - Francis Ngueukam

Answer 1

你应该使用 =>

`word-break: break-all;`

jsfiddle上的可运行代码

- Bandi