文本不包装（标签内的div标签或反之亦然）

Question

<ul class="dropdown-menu">
  <li>
      <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>
  </li>
</ul>

以上作品（文字换行）

<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>

上面div中的文字不断越过div的界限，在页面之外我添加了样式“x-overflow：hidden”，现在它隐藏了文本，我可以滚动查看全部。但我希望文本像平常一样进入新的一行。

jsfiddle

Answer 1

你应该可以使用以下内容。

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

Answer 2

尝试使用word-wrap: break-word;

中的div

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