javascript - 将下拉文本的长度改为下一行

我希望下拉文本的长度在一定宽度之后到达下一行。

我尝试了white-space:normal;，但是没有用。

<div class="dropdown">
  <a class="dropdown-toggle" id="dropdownMenu1" href="#">Dropdown trigger</a>
  <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another action</a></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else heresssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss</a></li>
    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated link</a></li>
  </ul>
</div>

Here是小提琴。

更新:已修复。缺少word-wrap: break-word;
感谢大家的快速回复。

最佳答案

.dropdown-menu>li>a {
    word-wrap: break-word;
    white-space: normal;
}

.dropdown-menu{
    max-width: 200px;
}

Fiddle Demo

关于javascript - 将下拉文本的长度改为下一行，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/31649751/