Twitter引导程序 - 下拉菜单中的单词不起作用

时间:2012-08-26 07:45:25

标签: drop-down-menu twitter-bootstrap word-wrap

我将word-wrap: break-word应用于twitter bootstrap dropdown-nemu,但它没有用。这是JSFiddle

我尝试了一个简化的示例,它起作用了:

<ul style="width: 60px">
    <li>
        <a style="word-wrap: break-word">fdsssssssssssssssssssssssssdfdsfsdfsdf</a>
    </li>
</ul>

1 个答案:

答案 0 :(得分:30)

这是因为带有链接的white-space: nowrap属性..添加此行:

<li><a href="#" style="word-wrap: break-word; white-space: normal;">sometextsometextsometextsometextsometext</a></li>

..或者在这里使用完整的小提琴:http://jsfiddle.net/Ex5fA/45/(您还有.dropdown-menu选择器的拼写错误..它是键入的.dorpdown-nenu;)