使用Angular UI Bootstrap时如何防止文本溢出

Question

我正在处理一组复选框，使用Angular UI Bootstraps按钮设置显示。

我尝试过的事情：

1. 我尝试过使用白色空间＆＃39; css声明，但它没有帮助。

2. 我还尝试将各个按钮从<label>更改为<div>＆amp; <a>

这些都没有解决溢出文本的问题。

如何轻松防止文本溢出？

JSFiddle：https://jsfiddle.net/03ujphxg/

如果缩小右侧列的宽度，虽然由于放置了显示的结果而可能不容易看到，但您会看到文本溢出。

注意：我不能（不想）在按钮元素上设置特定的宽度或高度。

Answer 1

您可能需要更具体地使用CSS规则来覆盖.btn的空白属性。

<con:assertion>...</con:assertion>

或者您可以在按钮内添加另一个容器并为其提供空白属性。

label.btn {
  white-space: normal;
}