在按钮栏内格式化文本

Question

我在Ionic中button的{​​{1}}内格式化文本字符串时遇到问题。我想在按钮内设置文本的最大宽度，这样最后一个单词会在一个单独的行上显示，但无法使用css使其工作。

button-bar

我希望第一个按钮中的最后一个单词“cats”在另一行中显示。我不能以任何方式使用任何html标签或分隔字符串，因为在真实场景中我从转换表中获取字符串。 Codepen here

Answer 1

White-space CSS成功了。

<div class="button-bar">
    <a class="button" style="white-space:normal" ng-click="data.filter='cat'">Cats cats and more cats</a>
    <a class="button" ng-click="data.filter='dog'">Dogs</a>
    <a class="button" ng-click="data.filter='bird'">Birds</a>
</div>      

您可以参考更新后的代码集here