Html 文本未换行（标签内的div标签或反之亦然） 这是一条很长的信息，是的，你明白了。

以上作品（文本换行）

上面div中的文本不断超出div的边界，我在页面外添加了样式“x-overflow:hidden”，现在它隐藏了文本，我可以滚动查看所有内容。但是我希望文本像正常的一样进入新的一行

---

尝试使用

换行：打断单词在
div

<ul class="dropdown-menu">
  <li>
      <a href="#"><div class="notification">A really long message blah blah blah this is a really long message loreum lipsum loreum lipsum stuff and yeah you get the point.</div></a>
  </li>
</ul>

您应该能够通过以下操作来完成它

.notification {
    word-wrap: break-word;
}

你在
.notification
上还有其他CSS或
空白
属性吗？是的，即使单词没有空格也会分解，我试过了，但是没用，我会做一个JSFIDLE 1秒。那没用，但是空白：预包装；是的，我想知道有什么区别吗？所以预换行只会在
和换行符上进行换行，而不会在空格上进行“浏览器保留空格。必要时文本会换行，换行符会换行”谢谢@mike_tung，我投了你一票，但我还没有足够的代表：(
.notification {
    word-wrap: break-word;
}

.notification {
  white-space: pre-wrap;
}