Twitter bootstrap - break-word在下拉菜单中不起作用 [英] Twitter bootstrap - break-word not work on dropdown-menu
本文介绍了Twitter bootstrap - break-word在下拉菜单中不起作用的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我将 word-wrap:break-word
应用于twitter bootstrap dropdown-nemu,但没有起作用。这是 JSFiddle 。
I applied word-wrap: break-word
to twitter bootstrap dropdown-nemu, but it didn't work. Here's the JSFiddle.
我尝试了一个简化的示例,它的工作原理是: / p>
I tried a simplified sample and it worked:
<ul style="width: 60px">
<li>
<a style="word-wrap: break-word">fdsssssssssssssssssssssssssdfdsfsdfsdf</a>
</li>
</ul>
推荐答案
这是因为 -space:nowrap
属性与链接..添加以下行:
It was because of white-space: nowrap
property with link.. add this line:
<li><a href="#" style="word-wrap: break-word; white-space: normal;">sometextsometextsometextsometextsometext</a></li>
..或在这里使用完整的小提琴: http://jsfiddle.net/Ex5fA/45/ (你也有你的 .dropdown-menu
选择器的打字错误被输入 .datapdown-nenu
;)
..or use full fiddle here: http://jsfiddle.net/Ex5fA/45/ (you had also typos with your .dropdown-menu
selector.. it was typed .dorpdown-nenu
;)
这篇关于Twitter bootstrap - break-word在下拉菜单中不起作用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文