开箱即用文本
开箱即用文本
提问于 2014-04-22 07:06:37
我正在使用Twitter bootstrap和CSS来设置下拉列表的样式。我有一个子元素，它浮动在左边，然后文本流到它的右边。不幸的是，文本不会在包含框内流动并溢出。
我不确定这是一个Twitter bootstrap问题，还是仅仅是一个CSS问题(我知道一个CSS isseu，但也值得将其标记为Twitter Bootstrap，因为我正在使用那个框架)。
我尝试了几种组合，但显然不是正确的组合来实现我想要的行为。有人知道怎么解决这个问题吗？下面是这个问题的一个有效示例：
http://ec2-54-215-108-9.us-west-1.compute.amazonaws.com/ (点击右侧的国际体操运动员链接)
这里有一个屏幕截图也演示了这个问题。
谢谢,
卡尔..。
回答 2
Stack Overflow用户
发布于 2014-04-22 07:11:46
这是因为TWBS下拉列表中的链接有white-space: nowrap;。
我能想到的最简单的解决方案是创建一个自定义的CSS类：
.dropdown-menu > li > a.btn-wrap {
white-space: normal;
}然后向<a>元素添加class="btn-wrap"
Stack Overflow用户
发布于 2014-04-22 07:32:47
.dropdown-menu > li > a ,
.btn.btn-default.btn-large.btn-left > span {
white-space: normal;
}我也会减少a标签上的行高，
- 会减少a标签上的行高，
- 会增加a标签上的顶部和底部的填充。
.intl-link li a{ overflow:隐藏；}..intl link li a{ line-height: 19px；}..dropdown menu.intl-link> li >a{ padding: 7px 20px；}..live mon{ display: block；height: 62px；width: 92px；}
你会得到类似这样的结果：
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/23207531
复制相关文章
相似问题
腾讯云开发者
